Привязка к переменной, Привязка к функции и двухсторонняя привязка в TS угловая

Question

Я пытаюсь связать переменную, метод и двухстороннее связывание. Но получите ошибки на всех 3. Ниже приведен код:

• метод связывания:

.html

<ion-label class="banner_small" [ngModel]="getUserName()"></ion-label>

.ts

getUserName() {
    return "test";
  }

Ошибка:

ERROR ReferenceError: $event is not defined

• переменная связывания

.html

<ion-label class="banner_small" [ngModel]="userName"></ion-label>

.ts

export class MyApp {
  public userName: string;
constructor(...){
this.userName = "test";
...
}

ошибка:

 Error: No value accessor for form control with unspecified name attribute

• двусторонняя привязка

.html

<ion-label class="banner_small" [(ngModel)]="getUserName()"></ion-label>

.ts

getUserName() {
    return "test";
  }

ошибка:

 Uncaught Error: Template parse errors:Parser Error: Unexpected token '=' at column 14 in [getUserName()=$event]

Answer 1

Первая ошибка, вы пытаетесь использовать ngModel на этикетке.ngModel следует использовать над входами.

Если вы просто хотите привязать метку, используйте [innerHtml]

<ion-label class="banner_small" [innerHtml]="getUserName()"></ion-label>