一尘不染

在ng-click上创建动态函数

angularjs

我有这样的按钮

<button ng-click="method = 'create'; title = 'Create'>create</button>
<button ng-click="method = 'update'; title = 'Update'>update</button>

还有这个

<button ng-click="create(param)">{{ title }}</button>
<button ng-click="update(param)">{{ title }}</button>

上面的代码工作正常,但我想使其动态化。

所以我像下面这样改变它。

<button ng-click="{{ method }}(param)">{{ title }}</button>

这行不通,我不知道为什么,尽管如果我检查元素,上面的代码会生成如前所述的正确代码。


阅读 241

收藏
2020-07-04

共1个答案

一尘不染

括号符号的使用:

<button ng-click="this[method](param)">{{ title }}</button>

this指向当前作用域对象,因此this[method]您可以通过变量名称访问方法。

2020-07-04