如何將變量值從HTML傳遞到Angular

Question

我試圖將變量值從HTML傳遞給Angular。 如下所示：

<span (click)= "toggle()" toggled = "true" class="glyphicon glyphicon-unchecked"></span>

並在控制器中：

@Input() toogled: any;

 toggle () {
   console.log(this.toogled);
   -----
   -----
}

當我做console.log時，我得到的結果是未定義的。

注意：我知道可以創建自己的指令並將新屬性附加到指令並使用類似以下內容：

<my-directive [toggled] = "true"></my-directive>

但是我想知道是否可以解決綁定該元素沒有的屬性的問題。

Answer 1

可能還有其他方法，但是您可以嘗試兩種方式的數據綁定，如下所示

<span (click)="toggle()" [(ngModel)]="toggled" class="glyphicon glyphicon-unchecked"></span>

在ts文件中，您必須定義：

public toggled: boolean

使用方法toggle（）來切換值