ittop

directive link 함수에 ng-click을 동적으로 추가합니다. 요소를 클릭 가능 또는 클릭 불가능으로 정의할 수 있는 디렉티브를 작성하려고 합니다.이 디렉티브는 다음과 같습니다. transcluded elements... 결과 HTML은 다음과 같습니다. transcluded elements... 이 명령어의 실장은 다음과 같습니다. app.directive('page', function() { return { restrict: 'E', template: '', transclude: true, link: function(scope, element, attrs) { var isClickable = angular.isDefined(attrs.isClickable) && scope.$eval(att..

큰 각도JS 응용 프로그램 설계 Angular 디자인에 대한 조언이 필요합니다.여러 개의 복잡한 모듈을 갖춘 JS 어플리케이션 및 사용자 역할에 따라 인증 및 인가 후 모듈이 로드됩니다.1개의 단순한 모듈에 액세스 할 수 있는 사용자도 있고 대시보드에 액세스 할 수 있는 사용자도 있고 2개 이상의 모듈에 액세스 할 수 있습니다. 여러 모듈에서 재사용할 수 있는 많은 지침이 있습니다.설계 단계에서는, 이하의 몇개의 항목에 대한 회답이 있습니다만, 아직 전문가의 어드바이스가 필요합니다. 모듈에는 부분 컨트롤러 지시. 서비스 예외 처리(HTTP 상태 코드 또는 비즈니스 오류) 로깅(회선번호 포함, 기능 시작) 로그에 기록된 정보를 서버에 저장해야 할 수도 있습니다. 로깅을 켜거나 끌 수 있어야 합니다. 팩토리..

왜 if(!$scope)를 사용하는가.$$phase) $120.반패턴? 가끔 사용할 필요가 있습니다.$scope.$apply"이미 진행 중인 오류"를 발생시킬 수 있습니다.그래서 저는 이 문제를 해결할 방법을 찾기 시작했고 이 질문을 발견했습니다.각진JS : $scope 호출 시 이미 진행 중인 오류 $digest를 방지합니다.145달러단, 코멘트(및 각 Wiki)에서는 다음을 읽을 수 있습니다. (!$scope)의 경우는 하지 말아 주세요.$$phase) $120.$125는 당신의 $125를 의미합니다.$syslog()가 콜스택 내에서 충분히 높지 않습니다. 이제 두 가지 질문이 있습니다. 왜 이게 안티패턴일까요? $scope를 안전하게 사용하려면 어떻게 해야 하나요?$140? "digest alrea..

angularjs 필터에 인수 전달 임의의 이름으로 필터링할 수 있도록 인수를 필터 함수에 전달할 수 있습니까? 뭐랄까 $scope.weDontLike = function(item, name) { console.log(arguments); return item.name != name; }; 실제로 앵글의 네이티브 '필터' 필터를 사용하면서도 인수를 커스텀필터에 전달할 수 있는 (더 나은 솔루션)이 있습니다. 다음 코드를 고려합니다. {{friend.name}} 이 작업을 수행하려면 필터를 다음과 같이 정의하면 됩니다. $scope.weDontLike = function(name) { return function(friend) { return friend.name != name; } } 여기서 볼 수 있듯..

AngularJS: ngIf를 명령어에 프로그래밍 방식으로 추가하는 베스트 프랙티스는 무엇입니까? 서비스에서 가져온 값을 기준으로 요소가 돔에 존재해야 하는지 여부를 확인하는 지시문을 만들고 싶습니다(예: 사용자 역할 확인). 대응하는 디렉티브는 다음과 같습니다. angular.module('app', []).directive('addCondition', function($rootScope) { return { restrict: 'A', compile: function (element, attr) { var ngIf = attr.ngIf, value = $rootScope.$eval(attr.addCondition); /** * Make sure to combine with existing ngIf! *..

Ajax 요청 시 Angularjs 로드 화면 Angularjs를 사용하여 Ajax 요청이 완료될 때까지 로드 화면(단순 스피너)을 표시해야 합니다.코드 스니펫으로 아이디어를 제안해 주세요.데이터 로딩 상태를 나타내는 스코프 변수를 설정하는 대신 디렉티브가 모든 것을 수행하도록 하는 것이 좋습니다. angular.module('directive.loading', []) .directive('loading', ['$http' ,function ($http) { return { restrict: 'A', link: function (scope, elm, attrs) { scope.isLoading = function () { return $http.pendingRequests.length > 0; }; sc..

Angularjs:컨트롤러에서 요소 가져오기 나는 angularjs를 처음이야, 난 알아.$scope컨트롤러와 뷰 사이의 연결을 나타냅니다. 하지만 찾는 것 외에 다른 방법이 있습니다.class="ng-scope"스코프 요소를 취득하는 것은, 다음과 같은 거죠. function someControllerFunc($scope){ $scope.element; } 동일한 컨트롤러를 여러 범위에 할당할 수 있다는 것을 알고 있기 때문에 가능하지 않을 수 있습니다.스코프와 마찬가지로 요소를 컨트롤러에 전달할 수 있습니다. function someControllerFunc($scope, $element){ } $element지역 주민 네 명 중 한 명입니다$compileProvider주다$controllerProv..

console.log 대신 angular의 $log를 사용하는 이유는 무엇입니까? 각도에서 사용하는 것이 베스트 프랙티스라는 것을 알고 있습니다.$log대신console.log그러나 그 이유를 설명하는 좋은 문서를 찾을 수 없습니다.개발자가 사용하는 이유$log?$log먼저 브라우저가 를 지원하는지 여부를 확인합니다.console.log(예를 들어 IE 8은 그렇지 않습니다).이것에 의해, IE 8 에 에러가 표시되지 않게 됩니다.주의: 이것은 IE 8에 아무것도 기록하지 않는 것을 의미하지 않습니다.이것은 단순히 에러를 발생시키지 않는 것을 의미합니다. 그 옆에는 장식이나 조롱도 할 수 있습니다.$log확장 및 테스트 목적으로 사용할 수 있습니다.예를 들어 IE 8 지원을 위해 어레이에 기록하도록 꾸밀..

Angular.js를 사용하여 영상을 사전 로드하는 가장 좋은 방법 Angular의 ng-src는 내부적으로 이미지를 프리로드할 때까지 이전 모델을 유지합니다.각 페이지의 배너에 다른 이미지를 사용하고 있습니다.루트를 바꿀 때는 메인 뷰를 변경하고 헤더 뷰를 그대로 유지하며 bannerUrl 모델이 있을 때 변경합니다. 이로 인해 새로운 배너 이미지가 로드되는 동안 이전 배너 이미지가 표시됩니다. 아직 지시가 없는 것에 놀랐지만, 그것을 구축하기 전에 의논을 하고 싶었습니다. 제가 하고 싶은 것은 커스텀 애트리뷰트에 배너 모델을 갖는 것이라고 생각합니다.예를 들어 다음과 같습니다. 그럼 $scope.bannerUrl의 변경을 주시하고 변경 즉시 ng-src를 로더 스피너로 교체하여 임시 img dom 요..

Angular에서 "취소"를 처리하는 패턴이 있습니까?JS 모달 대화 상자? 참고: 이것은 AngularJS와의 모달 대화 상자를 보여주는 것이 아닙니다. 이 토픽에는 질문과 답변이 많이 있습니다. 이 질문은 페이지의 모달 대화 상자 내에서 OK와 Cancel 모두에 대응하는 방법에 대한 것입니다.변수가 1개밖에 없는 스코프가 있다고 합시다. $scope.description = "Oh, how I love porcupines..." 페이지에 모달 대화 상자를 제공하고 해당 대화 상자에 ng-model="description"을 사용하면 실제로 사용자가 입력하는 대로 모든 변경 사항이 설명 자체에 실시간으로 적용됩니다.안됐네요, 그럼 어떻게 그 대화 상자를 취소하죠? 제가 아래에 설명하는 대로 하라는 질..