angleJs 사용자 정의 지시어

이 글의 내용은 AngularJs 커스텀 명령어에 대한 내용입니다. 이제 공유해보겠습니다. 도움이 필요한 친구들이 참고할 수 있습니다

1. Definition

Functions 실행으로 간단히 이해하시면 됩니다. 특정 DOM 요소에 대한 지시문은 이 요소의 기능을 확장할 수 있습니다.

2. 지시어 정의 방법:

<br/>

첫 번째 매개변수인 myDirective 지시어의 이름은 뷰에서 특정 지시어를 참조하는 데 사용됩니다. <br/>두 번째 매개변수는 함수입니다. 이 함수는 객체를 반환합니다. $compile 서비스는 이 메서드에서 반환된 객체를 사용하여 DOM이 명령어를 호출할 때 명령어의 동작을 구성합니다.

3. 지시어 설정 옵션

<br/>

1. restrict DOM

   <br/>

   E(요소) 에서 지시어를 어떤 형식으로 참조하거나 선언할 수 있나요? , 기본값)

   <br/>C(클래스 이름)
   설명) <--directive:my-directive 표현식--><br/><br/>

우선순위 우선순위는 요소에 동일한 우선순위를 갖는 지시문이 두 개 있을 경우 앞에 선언된 지시문을 나타냅니다. 먼저 호출됩니다. 그 중 하나의 우선순위가 더 높으면 선언 순서에 관계없이 먼저 호출됩니다. 우선순위가 더 높은 명령어가 항상 먼저 실행됩니다.

2. <br/>

   terminal은 AngularJS에 현재 요소에서 이 명령어보다 우선순위가 낮은 명령어 실행을 중지하도록 지시하는 데 사용됩니다. 그러나 현재 명령어와 동일한 우선순위를 가진 명령어는 계속 실행됩니다.

<br/>

3. template
은 템플릿을 나타내는 데 사용됩니다. 템플릿은 "

이것은 사용자 지정 명령입니다

"와 같은 문자열일 수도 있고 함수일 수도 있습니다. 위의 예

4. <br/>

   <br/>

   templateUrl은 위의 템플릿 함수와 유사하지만 경로를 나타내는 데 사용됩니다. 외부 HTML 파일의 경로에 대한 문자열이거나 두 개의 매개변수를 받을 수 있는 함수일 수 있습니다. 매개변수는 tElement 및 tAttrs이며 HTML 파일 경로의 외부 A 문자열을 반환합니다.

5. replace의 기본값은 false입니다. 템플릿은 이 명령을 호출하는 요소에 하위 요소로 삽입됩니다. true인 경우 요소가 직접 교체됩니다

<br/>

6. scope

<br/>

<br/>

<br/>

<br/>

<br/>

<br/>

<br/>

7. controller
   controller参数可以是一个字符串或一个函数。当设置为字符串时，会以字符串的值为名字， 来查找注册在应用中的控制器的构造函数.当为函数时，可以像平时写控制器那样写，可以将任意可以被注入的AngularJS服务传递给控制器

8. controllerAs（字符串）
   controllerAs参数用来设置控制器的别名，可以以此为名来发布控制器，并且作用域可以访 问controllerAs。这样就可以在视图中引用控制器，甚至无需注入$scope。

9. require
   require参数可以被设置为字符串或数组，字符串代表另外一个指令的名字。require会将控 制器注入到其值所指定的指令中，并作为当前指令的链接函数的第四个参数。

   
   

위 내용은 angleJs 사용자 정의 지시어의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!