각도 2에서는 템플릿 및 스타일에 인라인 또는 URL 접근 방식을 사용할 수 있습니다. url을 사용하면 모듈성, 가독성 및 IDE에 코드도 도움이됩니다. url을 사용하면 브라우저에서 추가 요청이 발생하여 성능 저하가 발생할 수 있습니다. 인라인 또는 URL 중 템플릿 및 스타일을 사용하는 것이 좋습니다. Angular 2 cheatsheet템플릿 대 templateUrl AND 스타일 vs styleUrls - 성능
template: 'Hello {{name}}'
templateUrl: 'my-component.html'
styles: ['.primary {color: red}']
styleUrls: ['my-component.css']
에서
이예 예 잘은
사용하여 URL을 모듈화, 가독성과도 코드 지원을 제공 십오 좋다 말했다. URL을 사용하면 일부 성능이
를 삭제 될 수 있습니다 브라우저에서 추가 요청이 발생할하지만 우리의 코드가 @mgchev 스타일 가이드에 따라
가 더 복잡하고 큰 템플릿을 추출 얼마나 오랫동안 우리에 따라 달라집니다 것 , 15 줄 이상의 코드를 별도의 파일에 저장하고 컨트롤러의 정의 옆에 넣으십시오.
왜? : 크고 복잡한 템플릿이 구성 요소 메타 데이터에 인라인되어있는 경우 컨트롤러 내에 정의 된 구성 요소의 논리에서 포커스를 이동할 수 있습니다.
하지만 우리는 코딩이 3 개 이상의 라인
를 초과하는 경우 seprate 파일을 사용하여 우리에게있는 것보다 공무원의 스타일 가이드를 보면별도의 파일보다 더으로 추출 템플릿과 스타일을 수행 3 라인.
Css 스타일에도 같은 경우가 적용되므로 복잡한 코드가있는 경우 인라인 대신 exteranal url을 제공하는 것이 좋습니다. 여기 참조 :
각 팀은 오프라인 컴파일러에 작동하고 배포하기 전에 템플릿을 인라인도 꿀꺽 작업은 따라서 성능 저하는 생산이 없다 . 따라서 @PardeepJain이 템플릿을 인라인해야하는지 여부를 결정하기 위해 작성한 내용 만 고려하십시오. –