Angular-styleguide: 구성 요소 네임스페이스

구성 요소는 컴파일이나 링크 기능이 없는 지시문 래퍼일 뿐입니다. 따라서 지시문에 사용하는 것과 동일한 규칙을 사용하십시오.

그들은 동일하지 않습니다. 예를 들어. 구성 요소는 기본적으로 격리된 범위를 가지며 기본적으로 컨트롤러를 사용합니다. 컨트롤러는 기본적으로 링크 기능을 대체하고 bindToController는 기본적으로 true입니다.

컴포넌트로 할 수 있는 모든 것은 디렉티브로 달성할 수 있지만 컴포넌트가 존재하는 이유는 Angular 2로 쉽게 전환하기 위함입니다.

여기에서 더 많은 기능에 대해 읽을 수 있습니다. http://www.codelord.net/2015/12/17/angulars-component-what-is-it-good-for/

그럼 이게 추가되나요?

이에 대한 제안이나 힌트가 있습니까?

점 구분 기호를 사용하는 @samithaf 는 CSS 선택기와 관련하여 제한합니다.

점을 사용한다고 해서 제한되는 것은 아니지만(예: CSS 선택기에서 점을 이스케이프 처리할 수 있음) 번거롭고 관습에 얽매이지 않습니다.

사람들은 수년 동안 네임스페이스 구성 요소에 - 를 사용해 왔으며 다른 구분 기호를 사용할 이유가 없습니다.

@mackelito @blowsie @gkalpak 저는 대규모 금융 애플리케이션(100K + LOC)에서 다음 패턴을 사용하고 있으며 지금까지는 모든 것이

const loginModule = angular.module('app.core.login', [])
.component('app.core.login', loginComponent)
.service('app.core.login.loginService', loginService);

@samithaf 컨트롤러에 서비스를 어떻게 주입합니까? ['app.core.login.loginService' , function(loginService) {}] 접근 방식을 사용해야 한다고 생각하십니까?

@blowsie 로그인 서비스 샘플 사용은 다음과 같습니다.

class LoginController {
  constructor($q, loginService) {
    this.loginService = loginService;
  }

  /**
   * <strong i="7">@method</strong> $onInit
   * This lifecycle hook will be executed when all controllers on an element have been constructed and after their bindings are initialized
   */
  $onInit() {
    this.loginService.invalidateSession();
  }

}

LoginController.$inject = ['$q', 'nw.core.login.loginService'];

export default LoginController;

서비스에는 매우 좋지만 구성 요소에는 정말 이상합니다.

<div><app.core.login></app.core.login></div>

그리고 그것은 주변 세계와 일치하지 않습니다(모두가 @gkalpak이 말했듯이 - 를 사용하고 있습니다).

@samithaf 응용 프로그램이 이것으로 훌륭

여기서 핵심 문제는 AngularJS 인젝터가 평면이므로 모듈 구성 요소의 이름을 지정할 때 전역적으로 생각할 필요가 있다는 것입니다. 이것은 Angular에서 수정된 설계 결함입니다. 거의 모든 사람이 처음부터 사용하는 핵심 규칙(이름 공간의 경우 - 을 변경하는 것은 IMHO로 가는 방법이 아닙니다.

Angular DI가 평평하기 때문에 언급한 @MarcLoupias님 , 우리는 많은 것을 할 수 없습니다. 그러나 네임스페이스 없이 모듈 이름을 정의하면 쉽게 부작용이 발생할 수 있습니다. 10개 이상의 스크럼 팀이 작업하는 대규모 프로젝트에서 특히 그렇습니다. 내가 생각해 낸 해결책이 관습에 맞지 않더라도 이 문제를 해결할 다른 좋은 방법이 생각나지 않습니다. Angular 팀이 자동으로 모듈의 네임스페이스를 지정했다면 좋았을 것입니다. 그러나 나는 그것이 angular 1.X에서 일어날 것이라고 생각하지 않습니다. ;)

그러나 네임스페이스 없이 모듈 이름을 정의하면 쉽게 부작용이 발생할 수 있습니다.

예, 인젝터 초기화 단계에서 인젝터 동작은 인젝터에 이미 선언된 서비스를 마지막으로 선언한 서비스로 자동으로 재정의하는 것입니다.

10개 이상의 스크럼 팀이 작업하는 대규모 프로젝트에서 특히 그렇습니다.

50명 이상의 개발자와 비슷합니다!

이 문제를 해결할 다른 좋은 방법이 생각나지 않습니다.

여러 앱으로 비즈니스를 분할하시겠습니까? AngularJS는 이 인젝터 네임스페이스 설계 결함으로 인해 거대한 프로젝트에 적합하지 않습니다.