如何将变量值从 HTML 传递到 Angular答案

【问题标题】：How to pass variable value from HTML to Angular如何将变量值从 HTML 传递到 Angular
【发布时间】：2017-06-24 17:10:36
【问题描述】：

我正在尝试将变量值从 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>

但我想知道它是否可以解决绑定元素没有的属性。

【问题讨论】：

【解决方案1】：

可能还有其他方式，但您可以尝试像这样的两种方式数据绑定

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

在 ts 文件中你必须定义：

public toggled: boolean

使用方法toggle()来切换值

【讨论】：