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

我试图将变量值从HTML传递到Angular。如下所示：

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

当我执行console.log时，我得到的结果是未定义的

注意：我知道可以创建自己的指令，并将一个新属性附加到指令中，并使用以下内容：

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

---

但是我想知道是否需要一些变通方法来绑定元素没有的属性。

可能还有其他方法，但您可以尝试这样的双向数据绑定

在ts文件中，您必须定义：

公共切换：布尔值

使用方法toggle（）切换值

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