что значит $ в Angular 7

Question

У меня некоторая путаница в объявлении переменных.

что означает $ в героях $

Угловой 4

export class HeroSearchComponent implements OnInit {
heroes: Observable<Hero[]>;
private searchTerms = new Subject<string>();

constructor(
 private heroSearchService: HeroSearchService,
 private router: Router) {}

Угловой 7+

 export class HeroSearchComponent implements OnInit {
 heroes$: Observable<Hero[]>;
 private searchTerms = new Subject<string>();
 constructor(private heroService: HeroService) {}

     // Push a search term into the observable stream.
          search(term: string): void {
          console.log(term);
            this.searchTerms.next(term);
        }

• у меня путаница в угловых 7 вер, где героям назначена переменная $.

• я пытался удалить символ $ из varтогда код не работает.

• любые предложения приветствуются

Answer 1

Это конвенция для Observables.Вот что говорят об этом Angular Docs :

Поскольку приложения Angular в основном написаны на TypeScript, вы обычно будете знать, когда переменная являетсянаблюдаемым.Хотя среда Angular не предписывает соглашение об именовании для наблюдаемых, вы часто будете видеть наблюдаемые, названные со знаком «$».

Это может быть полезно при сканировании кода и поиске наблюдаемых значений.Кроме того, если вы хотите, чтобы свойство сохраняло самое последнее значение из наблюдаемой, может быть удобно просто использовать одно и то же имя с или без «$».

Нет вреда в том, чтобы не следоватьэто как таковое.Но поскольку это рекомендация, хорошо следовать ей.

ОБНОВЛЕНИЕ

Соглашения развиваются с течением времени в зависимости от прошлого опыта разработчиков.Это конкретное соглашение было совершено 10 января 2018 года

Так что да, это соглашение было добавлено в Документы после Angular 5, и есть большие шансы, что выне использовал его во время работы в Angular 4.

Кроме того, синтаксис для Rxjs также значительно изменился после обновления до Rxjs 5.5 в Angular 5 (не уверен насчет точной версии).Так что вы можете проверить, как синтаксис Rxjs менялся со временем.Есть отличный инструмент, чтобы помочь вам с этим.Проверьте RxJS Explorer 2.0 : Узнайте.Сравните.Обновление.