[解決済み】angular2スタイルガイド - プロパティにドル記号は?
2022-04-05 08:31:07
質問
親と子のコミュニケーションサービス例 の公式ガイドより Angular.io は、Observable ストリーム名にドル記号を使用しています。
お知らせ
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);
}
}
どなたか説明してください。
-
なぜ
$
が使われているのですか?この記法の背景にはどんな理由があるのでしょうか?パブリックプロパティには必ずこれを使わなければならないのでしょうか? - publicプロパティは使用されますが、メソッドは使用されません(例:missionAnnouncements()、missionConfirmations()) -これもAngular2アプリの慣例ですか?
解決方法は?
サフィックス (一般化したのは Cycle.js ) は、その変数が オブザーバブル . 公式のスタイルガイドにも掲載されるかもしれませんが、まだです。
詳しくはこちら:
サフィックスドドル記号は何を意味するのか
$
の意味は?
更新してください。 末尾の"$"記号については、Angularのウェブサイトで詳しく説明されています。 https://angular.io/guide/rx-library#naming-conventions-for-observables
関連
-
[解決済み】 node_modules/rxjs/internal/types.d.ts(81,44): エラー TS1005: ';' Angular 6のインストール後に予想されたエラー
-
[解決済み】ngサーブが機能しない
-
[解決済み] Angular 2.0 翻訳パイプが見つかりません。
-
[解決済み] "rxjs" observable.throw は関数ではありません - Angular4
-
[解決済み] AngularのngClassとトグルクラスのクリックイベント
-
[解決済み] ローカルのワークスペース・ファイル('angular.json')が見つかりませんでした。しかし、同じコードが別のコンピュータで動作します
-
[解決済み] コンポーネントは2つのモジュールの宣言に含まれる
-
[解決済み] Angular2: [(ngModel)] with [ngModelOptions]="{standalone: true}"を使って、モデルのプロパティへの参照にリンクさせる。
-
[解決済み】'formControl'は'input'の既知のプロパティではないのでバインドできない - Angular2 Material Autocomplete問題
-
[解決済み】Angular2の@Inputをget/setでプロパティに入力する。
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】VSCodeはモジュール'@angular/core'や他のモジュールを見つけることができません。
-
[解決済み】angular 4アプリにReactiveFormsModuleを追加すると、NgControl用のプロバイダがないエラーが発生する。
-
[解決済み] node_modules が空になったので、`npm install`を実行する必要があるかもしれない。
-
[解決済み] @viewChildが機能しない - プロパティnativeElementがundefinedで読み込めない
-
[解決済み】angularJS2プロジェクトでsystemjs.config.jsファイルをどこに置くか/見つけるか?
-
[解決済み] <selector>' が Angular コンポーネントの場合、それがこのモジュールの一部であることを確認する。
-
[解決済み] エラーです。複数のモジュールがマッチしました。skip-import オプションを使用して、最も近いモジュールへのコンポーネントのインポートをスキップしてください。
-
[解決済み] ZoneAwarePromiseとは
-
[解決済み] "rxjs" observable.throw は関数ではありません - Angular4
-
[解決済み] Angular 4 - "BrowserAnimationsModule "または "NoopAnimationsModule "のいずれかをアプリケーションに組み込んでください。