css3

리액트에서 쉼표로 숫자를 포맷하려면 어떻게 해야 합니까? 내 API는 다음과 같은 React 정수를 보냅니다.10, 31312, 4000. My React 컴포넌트에서 다음과 같은 숫자의 올바른 형식은 무엇입니까? from: 10, 31312, 4000 to: 10, 31,312, 4,000 갱신하다 번호는 내 Rails API에서 제공하며 React 구성요소로 렌더링됩니다. const RankingsList = ({rankings, currentUserId}) => { return ( {rankings.map((ranking, index) => {ranking.points} )} ); }; JavaScript에서 쉼표로 숫자를 수천 개의 구분 기호로 인쇄합니다. 이를 위한 일반적인 JS 솔루션을 찾을 ..

Twitter 부트스트랩 모달 동적 구축 Rails 어플리케이션을 빌드하고 있는데, AJAX를 통해 Rails의 일부 콘텐츠를 모달에 배치하고 싶습니다. Twitter Bootstrap 2.3.2 모달에서는 리모트 키를 사용하여 Ajax를 통해 콘텐츠를 로드할 수 있다는 것을 설명서를 통해 읽었습니다. http://getbootstrap.com/2.3.2/javascript.html#modals 하면 는 ,, 이, 이, 이, 이, 이, 습, the, the, the, the, the, the, the, the, the, the, the, the, the, the, the, ,.modal-body(모달)은, 「모달」입니다. 「을한 전체 모달?.modal-header,.modal-footerJS는요? 스트링..

폼 검증을 간소화하는 방법 아래 코드는 기본적인 필수 양식 검증을 수행하는 데 매우 잘 작동하는 것 같습니다. 필드가 더러우면 빨간색 Name is required 메시지가 표시되고 필드가 더러우면 Great! 메시지가 표시됩니다. 그러나 폼의 각 필드에 대해 이 코드를 반복해야 하는 것은 복잡합니다. Name: Name is required Great! 하다를 할 수 .ng-show ★★★★★★★★★★★★★★★★★」ng-class더 쉬운 방법으로 속성을 지정합니다.검증식을 스코프 메서드로 추상화하는 방법이 있습니다. PLUNKER HTML Name: Name is required Great! 컨트롤러 function Ctrl($scope) { $scope.isInvalid = function(field..

AngularJS는 객체 배열 내의 객체 속성을 감시합니다. 나는 이것을 가지고 있다.data컨트롤러로 $scope.data = { home: { baseValue: "1", name: "home" }, contact: { baseValue: "2", name: "contract" } // a lot more options }; 다음과 같은 html을 사용합니다. {{item.name}} .... 이제, 나는 언제가 될지 알고 싶다.baseValue변경되었지만 데이터 변수 내의 개체를 사용하기 때문에 변경할 수 없습니다.watch좀 더 간단한 방법으로요. 이와 같은 시도를 해봤지만 모든 어레이를 루프해야 합니다. $scope.$watch('data', function (newValue, oldValue,..

현재 루트명/컨트롤러를 기반으로 클래스를 설정하는 방법 현재 컨트롤러 또는 현재 경로에 따라 클래스를 설정하려고 합니다(URL 세그먼트 1). 비슷한 것 이렇게 하면 CSS의 특정성을 위해 다른 페이지를 대상으로 할 필요가 있는 경우 쉽게 할 수 있습니다.해결책은 루트 범위에서 루트 변경에 가입하고 컨트롤러 이름을 여기에 넣는 것입니다. app.run(function($rootScope) { $rootScope.$on('$routeChangeSuccess', function(ev,data) { if (data.$route && data.$route.controller) $rootScope.controller = data.$route.controller; }) }); 체크 플런커 솔루션$route 서비스를..

사용자 지정 필드 데이터를 WooCommerce 주문에 추가합니다. 저는 WooCommerce 단일 제품에 대한 커스텀 필드를 가지고 있습니다.카트에 정상적으로 전송되고 체크아웃 시 정상적으로 표시되며 대시보드에 순서대로 표시됩니다. 지금 하려고 하는 것은 주문 페이지에서 값을 커스텀 필드로 설정하여 필요에 따라 텍스트를 수정할 수 있도록 하는 것입니다.어떤 이유에서인지 양식을 제출할 때 이 단계가 작동하지 않습니다. 내 코드에 사용되는 코드functions.php파일: // Add the field to the product add_action('woocommerce_before_add_to_cart_button', 'my_custom_checkout_field'); function my_custom_..

React-Query 훅을 사용한 조건부 API 호출 저는 react-query를 사용하여 API를 호출하고 있는데, 이 문제에서는 특정 조건이 충족될 경우에만 API를 호출하고 싶습니다. 사용자가 검색 쿼리를 입력할 수 있는 입력 상자가 있습니다.입력값이 변경되면 입력내용을 검색쿼리로 하여 검색서버가 호출됩니다.단, 입력값이 3글자 이상일 경우에만 가능합니다. 리액션 컴포넌트에서 전화드렸습니다. const {data, isLoading} = useQuery(['search', searchString], getSearchResults); 그리고 나의getSearchResults함수는 조건부로 API 콜을 발신합니다. const getSearchResults = async (_, searchString) ..

단순한 어레이 초기화를 사용한ng-timeout 앵글이랑 좀 헷갈리고ng-options. 심플한 어레이를 사용하고 있으며, 이 어레이로 셀렉트를 개시하고 싶습니다.단, 그 옵션의 값은 =라벨로 해 주셨으면 합니다. script.discripts.discripts: 스크립트 $scope.options = ['var1', 'var2', 'var3']; html 얻을 수 있는 것 var1 var2 var3 원하는 것: var1 var2 var3 그래서 나는 시도했다: (하지만 효과가 없었습니다.) 편집: 제 양식은 외부에 제출되어 있기 때문에 0이 아닌 'var1'이 값으로 필요합니다.사실 세 번째 시도에서 맞췄어요 http://plnkr.co/edit/xEERH2zDQ5mPXt9qCl6k?p=preview ..

WebSocket 연결 실패:WebSocket 핸드쉐이크 중 오류 발생:예기치 않은 응답 코드: 400 Socket.io을 Angular와 통합하려고 하는데 클라이언트 측에서 서버로의 접속에 어려움을 겪고 있습니다.관련된 다른 질문들을 살펴보았지만, 제 문제는 로컬에서 발생하고 있기 때문에 중간에 웹 서버가 없습니다. 서버 코드는 다음과 같습니다. const app = express(); const server = http.createServer(app); const io = require('socket.io').listen(server); io.on('connection', function(socket) { socket.emit('greet', { hello: 'Hey, Mr.Client!' }); s..

두 날짜 사이의 객체 찾기 MongoDB mongodb에 트윗을 저장하면서 놀고 있는데, 각각의 오브젝트는 다음과 같습니다. { "_id" : ObjectId("4c02c58de500fe1be1000005"), "contributors" : null, "text" : "Hello world", "user" : { "following" : null, "followers_count" : 5, "utc_offset" : null, "location" : "", "profile_text_color" : "000000", "friends_count" : 11, "profile_link_color" : "0000ff", "verified" : false, "protected" : false, "url" : null..