«angularjs-directive» 태그된 질문

뷰에 ng-click첨부 된 항목 목록이 있습니다. <ul id="team-filters"> <li ng-click="foo($event, team)" ng-repeat="team in teams"> <img src="{{team.logoSmall}}" alt="{{team.name}}" title="{{team.name}}"> </li> </ul> foo내 지시문 의 함수에서 클릭 이벤트를 처리하여 클릭 $event된 객체에 대한 참조로 전달 하지만 img태그가 아닌 태그에 대한 참조를 얻습니다 li. 그런 다음 다음과 같은 작업을 수행해야합니다 li. $scope.foo = …

204 angularjs  angularjs-directive 

범위 및 템플릿에서 일부 작업을 수행해야합니다. link함수 또는 함수 에서 모두 할 수있는 것 같습니다 controller(둘 다 범위에 액세스 할 수 있기 때문에). link컨트롤러가 아닌 기능 을 사용해야하는 경우는 언제 입니까? angular.module('myApp').directive('abc', function($timeout) { return { restrict: 'EA', replace: true, transclude: true, scope: true, link: function(scope, elem, attr) { /* …

199 javascript  angularjs  angularjs-directive 

선언 된 요소에 지시문 을 더 추가 하는 지시문을 작성하려고합니다 . 예를 들어 datepicker, datepicker-language및 을 추가하는 지시문을 작성하려고합니다 ng-required="true". 해당 속성을 추가하고 사용하려고하면 $compile분명히 무한 루프를 생성하므로 필요한 속성을 이미 추가했는지 확인하고 있습니다. angular.module('app') .directive('superDirective', function ($compile, $injector) { return { restrict: 'A', replace: true, link: function compile(scope, element, …

197 javascript  angularjs  model-view-controller  mvvm  angularjs-directive 

나는 이것이 angularjs의 지시어로 이해하기 가장 어려운 개념 중 하나라고 생각합니다. http://docs.angularjs.org/guide/directive 의 문서 는 다음과 같습니다. transclude- 요소의 컨텐츠를 컴파일하고 지시문에 사용 가능하게하십시오. 일반적으로 ngTransclude와 함께 사용됩니다. transclusion의 장점은 연결 함수가 올바른 범위에 사전 바인딩 된 transclusion 함수를 수신한다는 것입니다. 일반적인 설정에서 위젯은 분리 범위를 작성하지만 변환은 하위가 아니라 …

195 angularjs  angularjs-directive 

언제 transclude: 'true'그리고 언제 사용해야 transclude: 'element'합니까? 나는 transclude: 'element'각도 문서에서 아무것도 찾을 수 없으며 꽤 혼란 스럽습니다. 누군가가 이것을 간단한 언어로 설명 할 수 있다면 기쁠 것입니다. 각 옵션의 장점은 무엇입니까? 그들 사이의 실제 차이점은 무엇입니까? 이것이 내가 찾은 것입니다 : transclude: true 컴파일 함수 내에서 변환 연결 기능을 …

176 angularjs  angularjs-directive  angularjs-ng-transclude 

routeProvider템플릿을 호출 하는 템플릿에 맞춤 태그가 directive있습니다. version속성은 다음 오른쪽 템플릿을 요구 범위에 의해 채워집니다. <hymn ver="before-{{ week }}-{{ day }}"></hymn> 찬송가는 요일과 요일에 따라 여러 버전이 있습니다. 지시문을 사용하여 올바른 .html부분 을 채우기를 기대했습니다 . 에서 변수를 읽지 않습니다 templateUrl. emanuel.directive('hymn', function() { var contentUrl; return { restrict: 'E', …

169 angularjs  angularjs-directive 

callback격리 범위와 함께 지정된 특성 을 사용하는 양식 지시문이 있습니다 . scope: { callback: '&' } 그것은 내부 앉는 ng-repeatI 안으로 통과 발현되도록이 포함 id콜백 함수의 인수로서 오브젝트 : <directive ng-repeat = "item in stuff" callback = "callback(item.id)"/> 지시문을 마치면 $scope.callback()컨트롤러 함수에서 호출 합니다. 대부분의 경우 이것은 괜찮으며, 내가하고 싶은 …

160 javascript  angularjs  angularjs-directive  angularjs-scope 

AngularJS에서 사용자 지정 지시문을 구현할 때 이러한 기호 사용에 대해 많이 읽었지만 그 개념은 여전히 ​​명확하지 않습니다. 내 말은, 사용자 지정 지시문에서 범위 값 중 하나를 사용하면 무엇을 의미합니까? var mainApp = angular.module("mainApp", []); mainApp.directive('modalView',function(){ return{ restrict:'E', scope:'@' OR scope:'&' OR scope:'=' OR scope:'>' OR scope:true } }); 코드 스 …

151 angularjs  angularjs-directive  angularjs-scope 

AngularJS에 대해 배우기 시작했고 ng-app및 data-ng-app지시문 의 차이점이 무엇인지 혼란 스럽습니다 .

147 angularjs  angularjs-directive 

방금 angularjs로 시작하고 몇 가지 오래된 JQuery 플러그인을 Angular 지시문으로 변환하려고합니다. 속성에 옵션 값을 지정하여 재정의 할 수있는 (요소) 지시문에 대한 기본 옵션 세트를 정의하고 싶습니다. 다른 사람들 이이 작업을 수행 한 방식을 둘러 보았고 angular-ui 라이브러리에서 ui.bootstrap.pagination 은 비슷한 일을하는 것 같습니다. 먼저 모든 기본 옵션은 상수 객체에 정의됩니다. …

145 javascript  angularjs  angularjs-directive  options  default-value 

$watch내부 데이터를 조작 (예 : 데이터 삽입 또는 제거) 할 때 Angular 지시문에서 변수를 트리거 할 수 있지만 해당 변수에 새 객체를 할당 할 수 없습니까? 현재 JSON 파일에서 간단한 데이터 세트를로드하고 있습니다. 내 Angular 컨트롤러 가이 작업을 수행하고 몇 가지 기능을 정의합니다. App.controller('AppCtrl', function AppCtrl($scope, JsonService) { // load …

132 javascript  angularjs  angularjs-directive 

내가 만들고있는 응용 프로그램은이 이미지가로드되기 전에 사용자가 4 가지 정보를 설정해야합니다. 이 이미지는 응용 프로그램의 중심 부분이므로 이미지 링크가 끊어지면 전체가 멍한 것처럼 보입니다. 404에서 다른 이미지를 사용하고 싶습니다. 어떤 아이디어? 이에 대한 사용자 지정 지시문 작성을 피하고 싶습니다. 비슷한 질문을 찾을 수 없다는 사실에 놀랐습니다. 특히 문서의 첫 번째 …

129 angularjs  angularjs-directive 

등호 뒤의 물음표에는 특별한 의미가 있습니까? 즉 : scope: {foo: '=?'} 위의 'foo'를 해결할 수 없으면 '오류를 일으키지 않습니다'를 의미합니까?

127 angularjs  angularjs-directive 

angularjs를 사용하여 샘플 애플리케이션을 작성 중입니다. 크롬 브라우저에서 아래에 언급 된 오류가 발생했습니다. 오류는 오류 : [ng : areq] http://errors.angularjs.org/1.3.0-beta.17/ng/areq?p0=ContactController&p1=not%20a%20function%2C%20got%20undefined 다음과 같이 렌더링되는 인수 'ContactController'는 함수가 아니므로 정의되지 않았습니다. 암호 <!DOCTYPE html> <html ng-app> <head> <script src="../angular.min.js"></script> <script type="text/javascript"> function ContactController($scope) { $scope.contacts = ["abcd@gmail.com", "abcd@yahoo.co.in"]; $scope.add = function() { …

123 javascript  angularjs  angularjs-directive  angularjs-scope 

AngularJS 지시문이 있습니다. templateUrl정의 된 . Jasmine으로 단위 테스트를 시도하고 있습니다. 내 Jasmine JavaScript는 권장 사항에 따라 다음과 같습니다 . describe('module: my.module', function () { beforeEach(module('my.module')); describe('my-directive directive', function () { var scope, $compile; beforeEach(inject(function (_$rootScope_, _$compile_, $injector) { scope = _$rootScope_; $compile = _$compile_; $httpBackend = $injector.get('$httpBackend'); $httpBackend.whenGET('path/to/template.html').passThrough(); })); …

122 angularjs  angularjs-directive  jasmine