저는 소규모 팀에서 일하고 있으며 AngularJS로 구축하고 몇 가지 기본 표준 및 모범 사례를 유지하려고 노력하고 있습니다. 특히 Angular가 상대적으로 새롭다는 점을 감안할 때.
제 질문은 지침에 관한 것입니다. 더 정확하게는 restrict옵션입니다.
우리 중 일부는 사용하는 restrict: 'E'데 따라서 <my-directive></my-directive>html로에서.
다른 사람들은 html을 사용 restrict: 'A'하고 <div my-directive></div>있습니다.
그런 다음 물론 restrict: 'EA'위 중 하나를 사용 하고 사용할 수 있습니다 .
현재로서는 큰 문제가 아니지만,이 프로젝트가 큰 규모 일 때는 누구나 쉽게 이해할 수 있기를 바랍니다.
작업을 수행하는 속성 또는 요소 방식에 장단점이 있습니까?
속성보다 say 요소를 선택할 때 알아야 할 함정이 있습니까?
답변:
문서 에 따르면 :
속성과 요소는 언제 사용해야합니까? 템플릿을 제어하는 구성 요소를 만들 때 요소를 사용합니다. 이에 대한 일반적인 경우는 템플릿의 일부에 대해 도메인 별 언어를 만드는 경우입니다. 새 기능으로 기존 요소를 장식 할 때 속성을 사용하십시오.
완전한 답을 얻으려면 함정에 대한 다음 주석을 편집하십시오.
AngularJS 1.3에서 AngularJS 팀이 지원을 중단 한 Internet Explorer <= 8에서 실행해야하는 앱을 빌드한다고 가정하면 다음 지침을 따라야 작동합니다. https : //docs.angularjs .org / guide / ie
제한은 지시문 유형을 정의하기위한 것이며 A(Attribute), C(Class), E(Element) 및 M(coMment) 일 수 있습니다. 지시문의 이름이 다음 과 같다고 가정하겠습니다 Doc.
유형 : 사용법
A =
<div Doc></div>C =
<div class="Doc"></div>E =
<Doc data="book_data"></Doc>M =
<!--directive:Doc -->
내가 아는 함정 중 하나는 사용자 지정 요소의 IE 문제입니다. 문서 에서 인용 한대로 :
3) 다음 과 같은 사용자 지정 요소 태그를 사용 하지 않습니다 (대신 속성 버전 사용).
4) 사용자 정의 요소 태그를 사용하는 경우 다음 단계를 수행하여 IE 8 이하를 만족스럽게 만들어야합니다.
<!doctype html>
<html xmlns:ng="http://angularjs.org" id="ng-app" ng-app="optionalModuleName">
<head>
<!--[if lte IE 8]>
<script>
document.createElement('ng-include');
document.createElement('ng-pluralize');
document.createElement('ng-view');
// Optionally these for CSS
document.createElement('ng:include');
document.createElement('ng:pluralize');
document.createElement('ng:view');
</script>
<![endif]-->
</head>
<body>
...
</body>
</html>함정:
<my-directive></my-directive>해결 방법없이 IE8에서 작동하지 않는 것과 같은 자신의 html 요소를 사용하면 ( https://docs.angularjs.org/guide/ie )<div data-my-directive="ValueOfTheFirstParameter"></div>
대신 :
<my-directive my-param="ValueOfTheFirstParameter"></my-directive>
우리는 그나마 때문에 만약이이 사실을 사용하는 사용자 정의 HTML 요소를.
타사 프레임 워크의 모든 지침은 두 가지 방법으로 작성할 수 있습니다.
<my-directive></my-directive>
또는
<div data-my-directive></div>
동일합니다.