如何将变量值从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（）来切换值