lovecheck

div의 Outside를 클릭할 때 div를 숨기는 방법을 잘 모르겠습니다. 다음은 이 질문에 대한 후속 질문입니다.각진포커스가 있는 JS 입력은 목록의 ng-repeat 필터를 삭제합니다. 기본적으로 내 코드는 Angular를 사용합니다.JS를 사용하면 오른쪽에 있는 div(드로어)를 팝업하여 항목 목록을 필터링할 수 있습니다.대부분의 경우 UI가 차단되므로 차단 div를 클릭하면 드로어가 닫힙니다.그러나 UI를 차단하지 않고 사용자가 드로어 바깥쪽을 클릭하여 검색을 취소하거나 페이지에서 다른 항목을 선택할 수 있도록 해야 하는 경우도 있습니다. 처음에 생각한 것은 드로어가 열리면 window.click 핸들러를 클릭하여 드로어 이외의 것을 클릭하면 드로어가 닫힙니다.순수한 JavaScript 앱에서는..

각각 angularjs로 된 jquery의 대체 방법은 무엇입니까? 앱에서 jquery를 삭제하고 싶다.하지만 나는 각 $를 angularjs로 대체하고 싶다.돔 요소를 어떻게 루프할 수 있습니까?여기에 코드를 추가했습니다.jquery에서 angularjs로 변환하고 싶다. app.directive('activeu', function($location) { return function ($scope, element, attrs) { var menuMain = $scope.$parent.menuMain; var fullpath = $location.path().split('/'); var current = fullpath[2]; setTimeout(function() { $(".nav li a").each..

Angularjs는 상위 범위의 변화를 감시합니다. 지시문을 작성 중인데 변화를 위해 부모 범위를 지켜봐야 합니다.바람직한 방법인지는 모르겠지만 다음 코드에서는 작동하지 않습니다. scope.$watch(scope.$parent.data.overlaytype,function() { console.log("Change Detected..."); }) 이는 윈도우 로드에 기록되지만 오버레이 타입이 변경되어도 다시 기록되지 않습니다. 어떻게 봐?overlaytype기분전환으로? 편집: 다음은 전체 지침입니다.왜 내가 아이 스코프를 갖게 되었는지 잘 모르겠다. /* Center overlays vertically directive */ aw.directive('center',function($window){ r..

ng-repeat 및 limitTo를 사용하여 표시되는 항목 수 제한 결과 세트를 고정된 수로 제한하려고 합니다.사용할 수 있습니다.limitTo와 함께ng-repeat그러나 현재 가시성에 관계없이 항목을 제한하고 DOM에서 항목을 제거합니다.모든 항목을 DOM에 보관하면서 표시되는 항목 수를 제한하고 싶습니다. 이것이 현재 가지고 있는 코드입니다.내 목표는 항상 목록에 50개 이상의 항목을 표시하지 않는 것이다.items에는 500개의 항목이 포함되어 있습니다. item.id 이 경우 처음에는 50개 항목으로 제한되지만 (일부 항목에서 볼 수 있는 item.을 수정하여) 목록을 필터링하면 목록에는 50~500개의 항목이 표시되지 않고 50개 미만의 항목이 표시됩니다.데이터 전송 속도를 제한하려면ng-r..

오브젝트가 비어 있는지 확인하고 컨트롤러에서 ng-show로 동작하지 않는지 확인합니다. 다음과 같이 선언된 JS 개체가 있습니다. $scope.items = {}; 이 오브젝트에 아이템을 채우는 $http 요청도 있습니다.이 아이템이 비어있는지 검출하고 싶은데, ng-show가 이것을 지원하는 것 같습니다.나는 들어간다 ng-show="items" 마법처럼 동작합니다.컨트롤러에서도 같은 동작을 하고 싶은데 동작시킬 수 없습니다.속성이 있는지 확인하기 위해 오브젝트를 반복하거나 로더시 또는 언더스코어를 사용해야 할 것 같습니다. 다른 대안이 있나요? 노력했어 alert($scope.items == true); 그러나 오브젝트가 생성되고 이 오브젝트가 로 채워지면 항상 false가 반환됩니다.$http그래..

ngRepeat inside angularjs 디렉티브의 $index 커스텀 디렉티브와 함께 사용되는ngRepeat 내에서 인덱스 위치를 얻을 수 있는 최선의 방법을 찾고 있습니다.제가 해결하려고 하는 문제는 ngRepeat의 각 반복에 대해 해당 인덱스 위치에 따라 커스텀템플릿을 작성할 수 있는 옵션을 원합니다. 더 나은 방법이 없는 한 지침의 다음 문서를 기반으로 이 기능을 수행하려고 합니다. & 또는 &attr - 부모 범위의 컨텍스트에서 식을 실행하는 방법을 제공합니다.속성 이름이 지정되지 않은 경우 속성 이름은 로컬 이름과 동일한 것으로 간주됩니다.범위 정의 {localFn:'&myAttr'}을(를) 지정하면 분리 범위 속성 localFn이 개수 = + 값 식에 대한 함수 래퍼를 가리킵니다.독립..

각도에서의 $window.location.replace를 조롱하는 방법JS 유닛 테스트? 다음과 같은 서비스를 받고 있습니다. angular.module("services") .factory("whatever", function($window) { return { redirect: function() { $window.location.replace("http://www.whatever.com"); } }; }); 조롱하는 방법$windowobject in unit test는 테스트 실행 시 페이지가 새로고침되지 않도록 합니다. 나는 그것을 사용해봤어요. spyOn($window.location, 'replace').andReturn(true); 하지만 효과가 없었습니다(아직도)."Some of your ..

JavaScript 개체를 통해 루프하는 모범 사례 이 질문에는 이미 답변이 있습니다. 중첩된 개체, 어레이 또는 JSON에 액세스하고 처리하는 방법은 무엇입니까? (31 회답) JavaScript의 어레이를 통해 (각자에 대해) 루프 (40개의 답변) 닫힘8년 전. 다음 JavaScript 오브젝트가 있습니다.이 오브젝트는 임의의 숫자 값 필드에 parseFloat을 적용해야 합니다(ngTable이 올바르게 정렬됩니다). 이걸 하기 위해 오브젝트를 루핑하는 게 너무 힘들어요.네스트 해봤어요angular.forEach단, 스코핑에 문제가 있습니다(내부 루프는 외부 변수를 인식하지 않습니다). 어떻게 접근하면 좋을까요? 오브젝트명(Person 및 Person Details)은 동적입니다.:/ 목적: { "..

바인딩이 있는 ng-style 또는 style 속성어떤 게 더 나아요?어느 쪽이 빠릅니까?뭐가 다른데? 큰 어플리케이션을 최적화하고 있습니다.다음 두 가지 방법이 헷갈리는데, 어느 쪽이 더 빠른지 판단해 주세요. 인라인 스타일 속성 ng 스타일 사용 원스타일의 사용 주의: 대상once-styleAngularOnce Directive를 사용한 적이 있습니다. 잘 부탁드립니다.어떤 게 더 빠르고 왜 더 빠른지 알려주세요.Angular 1.3 이후에 1회 바인드를 사용할 수 있습니다. 서드파티제 라이브러리에 의존하지 않고 다음과 같이 실행할 수 있습니다. 성능은 측정하지 않았지만, 콜론이 없는 것보다는 낫다고 확신합니다.상당히 큰 어플리케이션을 최적화하고 있기 때문에 퍼포먼스는 확실히 문제가 되고 있다고 생각..

ng-include 사용 시 범위 상실 다음 모듈 루트가 있습니다. var mainModule = angular.module('lpConnect', []). config(['$routeProvider', function ($routeProvider) { $routeProvider. when('/home', {template:'views/home.html', controller:HomeCtrl}). when('/admin', {template:'views/admin.html', controller:AdminCtrl}). otherwise({redirectTo:'/connect'}); }]); 홈 HTML: partial1HTML: HomeCtrl: function HomeCtrl($scope, $locat..