각도 지시어 이름: 소문자만 허용됩니까?
내 코드:
app.directive('abcabc', function (){ alert('directive');}); // working
그렇지만
app.directive('abcAbc', function (){ alert('directive');}); // not working !
app.directive('abc-abc', function (){ alert('directive');}); // not working !
내가 잘못하고 있나요?아니면 Angular 디렉티브에 특별한 명명 규칙이 있나요?
AngularJS는 모두를 행복하게 하려고 노력합니다!
일부 사용자는 다음과 같은 데이터 속성을 사용하는 것을 선호합니다.data-abc-abc검증자를 만족시킬 수 있을 것 같습니다.다른 사람들은 다음과 같은 네임스페이스를 사용하는 것을 선호한다.abc:abc기타는 실제 디렉티브 이름을 사용하는 것을 선호합니다.abcAbc. 또는 모든 대문자ABC_ABC. 또는 확장 애트리뷰트x-abc-abc.
AngularJS는 HTML에서 사용되는 이름을 정규화하여 이러한 모든 경우를 처리합니다. data-그리고.x-벗겨지고 나머지 카멜케이스는:,-그리고._단어 경계로서.이렇게 하면abcAbcJavaScript에서 선언된 지시어를 검색하기 위해 사용됩니다.
이것은 모두 속성 정규화(US: 속성 정규화)라고 불리며 Angular에서 찾을 수 있습니다.JS 문서 및 소스 코드.
지시문의 대응하는 이름에 대해서는 html 및 camelCase 내에 대시 구분 이름을 사용해야 합니다.
문서에서 볼 수 있듯이, Angular는 속성 이름에는 name-with-dash를, 대응하는 디렉티브 이름에는 camelCase를 사용합니다.)
여기: http://docs.angularjs.org/tutorial/step_00
지시명은 모두 소문자여야 합니다. 적어도 Angular에서는요.JS 버전 1.4.9. 그렇지 않으면 $inject cannot be found 오류가 발생합니다.
언급URL : https://stackoverflow.com/questions/17990864/angular-directive-name-only-lower-case-letters-allowed
'programing' 카테고리의 다른 글
| php에서 구조화된 메뉴를 올바르게 구현하는 방법 (0) | 2023.03.27 |
|---|---|
| AngularJS, 변수 = something인 경우 ng-class를 사용하여 클래스를 할당합니다. (0) | 2023.03.27 |
| 스타일 컴포넌트와 리액트 부트스트랩? (0) | 2023.03.27 |
| AngularJS를 사용하여 옵션 텍스트 값을 얻는 방법 (0) | 2023.03.27 |
| 타입 'JSX'에 속성이 존재하지 않는다고 타이프 스크립트가 불만을 제기합니다.React.createClass를 사용할 때 'Intelligent Elements'를 선택하십시오. (0) | 2023.03.27 |