angular2 风格指南 - 带有美元符号的属性？

Question

家长和孩子通过Angular.io官方指南中的服务示例进行交流。io在可观察的流名称中使用美元符号。

注意<代码> missionAnnounced $ < /代码>和<代码> mi

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);
  }
}

有人能解释一下吗:

< li >为什么使用< code>$？这个符号背后的原因是什么？我总是需要对公共属性使用这个吗？ < li >使用公共属性，但不使用方法(例如missionAnnouncements()、missionConfirmations()) -同样，这是Angular2应用程序的惯例吗？

Answer 1

更新：https://angular.io/guide/rx-library#naming-可观测的约定

由于 Angular 应用程序主要是用 TypeScript 编写的，因此您通常会知道变量何时是可观察变量。尽管 Angular 框架不强制执行可观察量的命名约定，但您经常会看到以尾随的“$”符号命名的可观察量。

这在扫描代码和查找可观察值时非常有用。此外，如果您希望属性存储来自可观察对象的最新值，只需使用带有或不带有“$”的相同名称即可。

原件:

我看到变量以<代码> > < /代码当readi美元

<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$ 的列表，而不是 heroes。

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

$ 是一个约定，表示 heroes$ 是可观察的，而不是数组。

大多数情况下，我们不订阅组件中的那些可观察变量。我们通常使用 AsyncPipe 自动订阅可观察变量

我还没找到自Angular5.1风格指南

Answer 2

美元的命名模式起源于安德烈·萨尔兹

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

另一种方法是用一个与单词的最后一个字母匹配的unicode字符对包含观察值或流的变量名进行复数化。这解决了没有复数“s”的单词的问题。

mouse$ vs mic€

这两种命名约定都不在官方的角度样式指南中。一个或另一个（或无）的使用完全取决于个人偏好。

Answer 3

$ suffix(cycle . js推广的)用来表示变量是可观测的。它也可以成为官方的风格指南，但是现在还没有

在这里阅读更多内容:后缀美元符号< code>$是什么意思？

更新：在此处阅读有关Angular网站上尾随的“$”符号的更多信息：https://angular.io/guide/rx-library#naming-conventions-for-observables