AngularJS 태그 속성
Angular에 대해 배우고 있습니다.JS는 다음과 같은 표준 html 태그 속성이 아닌 자체 속성을 추가합니다.
<html ng-app>
또는 다음과 같습니다.
<body ng-controller="PhoneListCtrl">
이러한 ng-* 속성은 어디에서 유래하고 유효한 HTML입니까?자세한 내용은 어디서 확인할 수 있습니까?
엄밀히 말하면 이러한 추가 속성은 HTML 사양에 정의되어 있지 않으므로 유효한 HTML이 아닙니다. 당신은 Angular라고 말할 수 있습니다.JS는 HTML 사양의 슈퍼셋을 제공하고 구문 분석합니다.
단, v1.0.0rc1부터는 data-* 속성을 사용할 수 있습니다.<html data-ng-app>유효한 HTML5 소스라고 생각합니다.
Angular에 대한 가이드가 있습니다.프로세스에 대한 추가 정보가 포함된 JS 컴파일러입니다.요약하면, 각도(AngularJS 컴파일러는 이러한 속성을 사용하여 당신의 HTML 페이지를 읽고 로드 후 javascript와 HTML DOM을 통해 당신의 페이지를 편집하고 갱신합니다.
자료 : http://docs.angularjs.org/guide/directive
<!doctype html>
<html data-ng-app>
<head>
<script src="http://code.angularjs.org/1.0.7/angular.min.js"></script>
<script src="script.js"></script>
</head>
<body>
<div data-ng-controller="Ctrl1">
These are all valid directive declarations:<br/>
<input ng-model='name'> <hr/>
<span ng:bind="name"></span> <br/>
<span ng_bind="name"></span> <br/>
<span ng-bind="name"></span> <br/>
<span x-ng-bind="name"></span> <br/>
<span data-ng-bind="name"></span> <br/>
</div>
</body>
</html>
마음에 들어요.data-*whatever*HTML5에 준거하고 있기 때문에, 최고라고 선언합니다.
따라서 Angular 선언(예:ng-controller,ng-app,ng-repeatetc) 또는 커스텀 디렉티브를 항상 부가합니다.data-.
이러한 ng-* Atribute는 어디에서 유래합니까?
유효한 HTML인가요?
아니요. 그러나 속성 형식의 지시어는 앞에 x- 또는 data-를 붙여서 HTML 검증기 호환으로 만들 수 있습니다.자세한 내용은 설명서를 참조하십시오.
다른 옵션은 정의되지 않은 속성 이름을 무시하는 것입니다.이클립스를 사용하는 경우 프로젝트로 이동하여 설정할 수 있습니다.properties>>validation>>html syntax>>attributes>>ignore undefined attribute names.
언급URL : https://stackoverflow.com/questions/12107504/angularjs-tags-attributes
'code' 카테고리의 다른 글
| Jackson이 JSON에 매핑하고 있는 개체의 일부 필드를 숨깁니다. (0) | 2023.02.08 |
|---|---|
| RestSharp JSON 파라미터 게시 (0) | 2023.02.08 |
| 커스텀 투고 타입에서 모든 카테고리를 나열하는 방법 (0) | 2023.02.08 |
| Javascript에서 JSON 문자열을 JSON 개체 배열로 변환 (0) | 2023.02.08 |
| angular.js 링크 동작 - 특정 URL에 대해 딥 링크를 비활성화합니다. (0) | 2023.02.08 |