Согласованный.

Такие строки:

‹div * ngIf =” hero ”› сравните с Jinja2 {% if hero%}

Теперь мне нужны скобки [(и)] скобки?

‹input [(ngModel)] =" hero.name "placeholder =" name "/›

Операторы импорта машинописного текста перевернуты, это похоже на посадку дерева вверх ногами. Разве нельзя начинать с корня, а не с плода? Это не позволяет интегрированным средам разработки предлагать предложения по импорту, поскольку при программировании мы вводим текст слева направо.

import { Component, Input } from '@angular/core';

Это что-то другое

<li *ngFor="let hero of heroes"
    [class.selected]="hero === selectedHero"
    (click)="onSelect(hero)">...</li>

‹What› За «пусть герой героев» ‹/what›?

Синтаксис цикла for в Jinja2 читается на английском языке.

{% for item in navigation %}
    <li class="{{item.selected}}">...</li>
{% endfor %}

До сих пор я встречал пять различных атрибутов внутренних тегов * ngIf, * ngFor, [(ngModel)], [class.selected] и (click). Бьюсь об заклад, их больше пяти.

Почему бы не заменить

[class.selected]="hero === selectedHero"

с участием

[class.selected]="if(hero == selectedHero)"

Я думаю, что толпы Angular и Typescript любят создавать настолько сложные вещи, что они их не понимают. Посмотри на меня, я такой умный, что ты даже не понимаешь мой код, и я тоже не пойму через полгода.