ng-app과 data-ng-app의 차이점은 무엇입니까?
앵글에 대해 배우기 시작했다.JS와 JS의 차이점에 대해 혼란스러워하고 있습니다.ng-app그리고.data-ng-app명령어를 참조해 주세요.
이러한 답변의 대부분은 단순히 템플릿을 유효 HTML 또는 HTML Validator Compliance라고만 말하고 그 용어의 의미를 설명하지 않습니다.
확실히는 모르지만, 이러한 용어는, 표준 준수를 스캔 하는 HTML 검증 프로그램에 적용되는 것 같습니다.예를 들면, 보풀과 같은 것입니다.인식되지 않습니다.ng-app유효한 어트리뷰트로서디폴트 이외의 HTML 어트리뷰트에는, 다음과 같은 어트리뷰트가 프리픽스 됩니다.
data-attribute_name_here.
그래서 그 창조자들은AngularJS지시문의 대체명을 작성했습니다.data-HTML 검증 프로그램이 "좋아요"라고 할 수 있습니다.
실행 시 동작에 관해서는 없습니다.이것들은, http://docs.angularjs.org/guide/directive 에 기재되어 있는 것과 같이, 단지 다른 스타일의 명명 지시입니다.
디렉티브에는 ngBind와 같이 camel로 구분된 이름이 있습니다.디렉티브는 카멜 대소문자명을 특수문자, - 또는 _를 사용하여 snake 대소문자로 변환함으로써 호출할 수 있습니다.선택적으로 지시문 앞에 x- 또는 data-를 붙여 HTML 검증자를 준수할 수 있습니다.ng:bind, ng-bind, ng_bind, x-ng-bind 및 data-ng-bind 중 몇 가지 가능한 디렉티브 이름을 다음에 나타냅니다.
이걸 보시면 아시겠지만data-HTML 검증자 테스트에 합격하기 위해 사용할 수 있습니다.
각도 네임스페이스를 선언할 수 있습니다.<html xmlns:ng="http://angularjs.org" ng-app>
최신 브라우저에서는 차이가 없지만 오래된 IE에서는 정의하는 XML 네임스페이스를 선언하지 않으면 작동하지 않습니다.
검증의 차이도 있습니다.ng-app는 유효한 XHTML이 아니기 때문에 웹 페이지가 HTML 검증에 실패합니다.Angular를 사용하면 지시어를 다음과 같이 접두할 수 있습니다.data-또는x-검증할 수 있도록 합니다.
페이지 HTML 을 유효하게 하려면 , ng- 대신에 data-ng- 를 사용할 수 있습니다.
그러면 오류가 발생합니다.
<div ng-app="">
<p>Input something in the input box:</p>
<p>Name: <input type="text" ng-model="name"></p>
<p ng-bind="name"></p>
</div>
이것은 오류를 발생시키지 않습니다.
<div data-ng-app="scope" data-ng-init="name='test'">
<p>Input something in the input box:</p>
<p>Name: <input type="text" data-ng-model="name"></p>
<p data-ng-bind="name"></p>
</div>
이 두 용어의 기본적인 차이점은 data-ng-app은 HTML을 검증하지만 후자는 검증하지 않는다는 것입니다.기능은 그대로입니다.자세한 내용은 w3Validator를 사용해 보십시오.
특정 HTML5 검증자는 ng-app과 같은 속성에 오류를 발생시키지만 data-ng-app과 같은 데이터 접두사에 대해서는 오류를 발생시키지 않습니다.따라서 각 방향과 함께 데이터 접두사를 사용하는 것이 좋습니다.
각 방향성을 ng-bind, ng:bind, ng_bind, data-ng-bind, x-ng-bind로 사용할 수 있습니다.
언급URL : https://stackoverflow.com/questions/16184428/what-is-the-difference-between-ng-app-and-data-ng-app
'source' 카테고리의 다른 글
| CORS 헤더 'Access-Control-Allow-Origin'이 없습니다. (0) | 2023.04.04 |
|---|---|
| Python 2.6 JSON 디코딩 성능 (0) | 2023.04.04 |
| 링크를 공유할 때 Facebook 표시 페이지를 찾을 수 없습니다. (0) | 2023.04.04 |
| 제출 후 양식 값 지우기 Ajax (0) | 2023.04.04 |
| angularjs와 같은 프레임워크를 사용할 경우 접근성에 미치는 영향은 무엇입니까? (0) | 2023.04.04 |