각진 2 스타일 가이드 - 달러 기호가 있는 숙박시설?

각진 2 스타일 가이드 - 달러 기호가 있는 숙박시설?

부모와 자녀는 관찰 가능한 스트림 이름에 달러 기호를 사용하여 Angular.io 의 공식 가이드에서 제공하는 서비스 예제를 통해 의사소통합니다.

공지missionAnnounced$그리고.missionConfirmed$다음 예제에서는 다음과(와)

import { Injectable } from '@angular/core';
import { Subject } from 'rxjs';

@Injectable()
export class MissionService {

  // Observable string sources
  private missionAnnouncedSource = new Subject<string>();
  private missionConfirmedSource = new Subject<string>();

  // Observable string streams
  missionAnnounced$ = this.missionAnnouncedSource.asObservable();
  missionConfirmed$ = this.missionConfirmedSource.asObservable();

  // Service message commands
  announceMission(mission: string) {
    this.missionAnnouncedSource.next(mission);
  }

  confirmMission(astronaut: string) {
    this.missionConfirmedSource.next(astronaut);
  }
}

누가 설명할 수 있습니까?

• 왜죠$사용하시겠습니까?이 표기법의 배경은 무엇입니까?공용 부동산에 항상 이것을 사용해야 합니까?
• 공용 속성이 사용되지만 메서드는 사용되지 않습니다(예: missionAnnouncements(), missionConfirmations()) - 다시 말하지만, 이것은 Angular2 앱에 대한 규약입니까?

접미사(Cycle.js로 일반화됨)는 변수가 관측 가능함을 나타내는 데 사용됩니다.공식적인 스타일 가이드에도 갈 수 있지만 아직 없습니다.

여기서 더 읽어보기: 접미사가 붙은 달러 기호는 무엇을 의미합니까?

업데이트: Angular 웹 사이트의 "$" 기호에 대해 자세히 알아보기: https://angular.io/guide/rx-library#naming-conventions-for-observables

$ 명명 패러다임은 Andre Saltz에서 시작되었으며 관측 가능한 변수 또는 스트림을 포함하는 모든 변수 이름을 복수화할 것을 제안합니다.

getAll(): Observable<Zone[]>{
    let zone$ = this.http
      .get(`${this.baseUrl}/zones`, {headers: this.getHeaders()})
      .map(mapZone);
      return zone$;
  }

또 다른 방법은 관찰 가능한 변수 또는 스트림을 포함하는 변수 이름을 단어의 마지막 문자와 일치하는 유니코드 문자로 여러 개로 구성하는 것입니다.이것은 "s"로 복수화되지 않은 단어의 문제를 해결합니다.

mouse$ vs mic€

이러한 명명 규칙은 공식 각도 스타일 가이드에 없습니다.하나 또는 다른 하나(또는 없음)의 사용은 전적으로 개인 선호도에 따라 달라집니다.

업데이트: https://angular.io/guide/rx-library#naming-conventions-for-observables

Angular 응용 프로그램은 대부분 TypeScript로 작성되므로 일반적으로 변수가 관찰 가능한 경우를 알 수 있습니다.Angular 프레임워크에서 관찰 가능한 항목에 대한 이름 지정 규칙을 적용하지는 않지만, 종종 "$" 기호가 뒤에 붙은 관찰 가능한 항목을 볼 수 있습니다.

이것은 코드를 스캔하고 관측 가능한 값을 찾을 때 유용합니다.또한 속성에 관측 가능한 최신 값을 저장하려면 "$"와 함께 사용하거나 "$" 없이 동일한 이름을 사용하면 됩니다.

---

원본:

변수가 다음으로 끝나는 것을 보았습니다.$공식 영웅 튜토리얼을 읽을 때:

<div id="search-component">
  <h4>Hero Search</h4>

  <input #searchBox id="search-box" (keyup)="search(searchBox.value)" />

  <ul class="search-result">
    <li *ngFor="let hero of heroes$ | async" >
      <a routerLink="/detail/{{hero.id}}">
        {{hero.name}}
      </a>
    </li>
  </ul>
</div>

자히보 *ngFor라는 을 볼 수 .heroes$영웅이 아닙니다.

<li *ngFor="let hero of heroes$ | async" >

$는 heroes$가 배열이 아닌 관찰 가능한 항목임을 나타내는 규칙입니다.

대부분의 경우 성분에서 관측 가능한 변수를 구독하지 않습니다.일반적으로 AsyncPipe를 사용하여 관찰 가능 변수를 자동으로 구독합니다.

어제(2017년 12월 6일) Angular 5.1이 출시된 이후로 Style Guide에서 찾지 못했습니다.

나는 이것을 본 적이 없습니다.$스타일 가이드에서는 구독할 수 있는 관찰 가능한 항목을 참조하는 공공 부동산에 자주 사용되는 것을 보았습니다.

언급URL : https://stackoverflow.com/questions/37671700/angular2-style-guide-property-with-dollar-sign