[angularjs] Angularjs 코드 / 이름 지정 규칙 [닫기]

우리가 응용 프로그램을 만들 때 사용할 Angular 명명 규칙에 대한 공식 또는 가장 인정받는 참조가 있는지 아는 사람이 있습니까?

Angular에는 필터, 지시문, 서비스 등과 같은 다양한 유형의 구성 요소가 있습니다. 응용 프로그램에서 참조 명명 규칙을 구현할 때 참조 명명 규칙을 사용하는 것이 합리적이라는 데 동의하지 않습니까?

예를 들면 다음과 같습니다.

새 필터를 만들어야하는 경우 [Something] Filter 또는 filter [Something] 등과 같은 이름을 어떻게 지정해야합니까?

컨트롤러, 서비스, 지시문 등에도 동일하게 적용됩니다.

내가 궁금해하는 다른 것은 범위에 속하는 변수 / 함수에 특수 접두사 또는 접미사가 있어야하는지입니다. 어떤 상황에서는 함수와 다른 (각도 코드가 아닌) 함수와 구별하는 방법이 유용 할 수 있습니다.



답변

AngularJS 앱의 모범 사례를 설명 하는 이 GitHub 리포지토리 를 확인하십시오 . 다른 구성 요소에 대한 명명 규칙이 있습니다. 완전하지는 않지만 커뮤니티 중심이므로 모든 사람이 기여할 수 있습니다.


답변

초보자 인 경우 먼저 기본 자습서를 살펴본 후 명명 규칙에 대해 배우는 것이 좋습니다. 나는 Angular를 배우기 위해 다음을 겪었으며, 그중 일부는 매우 효과적입니다.

튜토리얼 :

  1. http://www.toptal.com/angular-js/a-step-by-step-guide-to-your-first-angularjs-app
  2. http://viralpatel.net/blogs/angularjs-controller-tutorial/
  3. http://www.angularjstutorial.com/

응용 프로그램 구조 및 명명 규칙에 대한 자세한 내용은 다양한 위치에서 찾을 수 있습니다. 나는 100의 사이트를 겪었으며 이것이 최고라고 생각합니다.


답변

앱을 구조화하기 위해 내가 찾은 최고의 가이드 중 하나입니다.

Google이 권장하는 구조는 많은 시드 프로젝트에서 볼 수있는 것과 다르지만 큰 앱의 경우 훨씬 더 안전합니다.

Google은 또한 Closure 를 사용하는 경우에만 사용할 수 있는 스타일 가이드 를 제공합니다 .


…이 답변은 불완전하지만 위의 제한된 정보가 누군가에게 도움이 되길 바랍니다.


답변

업데이트 : 스타일 가이드 가 이제 각도 문서에 있습니다.

///////////////////////////////////////////////////////// ///////////////////////////////////////////////////////// ///////////////////////////////////////////////////////// //////

구문, 컨벤션 및 AngularJS 응용 프로그램 구조화에 대한 의견이 많은 스타일 가이드를 찾고 있다면 바로 들어가십시오. 여기에 포함 된 스타일은 AngularJS에 대한 나의 경험, 프리젠 테이션, 교육 과정 및 팀 작업에 기초합니다.

이 스타일 가이드의 목적은 내가 사용하는 규칙과 더 중요한 이유는 내가 선택한 규칙을 보여줌으로써 AngularJS 애플리케이션 구축에 대한 지침을 제공하는 것입니다.

-존 파파

다음은 Awesome Link (최신 및 최신)입니다 : AngularJS 스타일 가이드


답변

나는이 요지를 1 년 전에 시작했습니다 : https://gist.github.com/PascalPrecht/5411171

Brian Ford (핵심 팀원)는이 블로그 게시물을 작성했습니다 : http://briantford.com/blog/angular-bower

그런 다음이 구성 요소 사양으로 시작했습니다 (완전하지는 않음) : https://github.com/angular/angular-component-spec

마지막 ng-conf 이후 핵심 팀의 모범 사례를위한이 문서가 있습니다. https://docs.google.com/document/d/1XXMvReO8-Awi1EZXAXS4PzDzdNvV6pGcuaF4Q9821Es/pub


답변