Question

我正在阅读一个Json文件，并使用angular template动态创建元素。我想将事件绑定到json文件中提到的ng-click，但它会抛出异常。求助。在此先感谢。

 <button id="{{controls.id}}" ng-click='{{controls.onAction}}' title="{{controls.tooltipText}}"
                                        ng-mouseover="mouseOver(this)" ng-mouseout="mouseOut(this)" style="font-size: 70%;
                                        border: none; border-spacing: 1px;" class="button">
                                        <img src="{{controls.imageSrc}}" class="image{{tabBoxes.Type}}" id="Img1" />
                                        {{controls.label}}
                                    </button>

Answer 1

在控制器中创建$ scope.onAction（）函数，并按如下所示更改ng-click：

ng-click='onAction()'

更新以回复评论：

由于函数是字符串，请使用eval()，例如：

$scope.onAction = eval('(' + functionAsString + ')');

请参阅此answer on SO，了解如何在JS中使用eval()。

Angularjs动态ng-click绑定？

1 个答案: