-1

ng-click我用ng-bind-html模板添加了一个锚标记，但ng-click没有触发......我需要一个触发该功能的解决方案。

我的模板：

$scope.res =$scope.res+'<a href="javascript:void(o)" ng-click="fullfillmentCenter('+row.orderId+')"  title="Send to fullfilment" class="">Send to CA Fullfilment</a>';

我的绑定 html：

<div class="ngCellText" id="div_fullfilment_{{row.getProperty(\'orderId\')}}" ng-bind-html="fullfillment(row.entity)"></div>';

ng 函数调用：

$scope.fullfillmentCenter = function(orderId){
alert(orderId);
};
4

1 回答 1

1

您需要使用$compile服务编译您的 html 以使任何 AngularJS 绑定工作。由于 $compile 需要 html 元素进行编译，因此最好创建一个指令。请参阅此 SO 帖子从数据库编译动态 HTML 字符串

如果模板是固定的，则可以使用的另一个替代方法是使用ng-include并包含您的模板。随着ng-include编译自动发生。

您可以将模板定义为

<script type='text\ng-template' id='content'>
   <a href="javascript:void(o)" ng-click="fullfillmentCenter(row.orderId)"  title="Send to fullfilment" class="">Send to CA Fullfilment</a>
</script>

然后在任何地方使用 ng-include 包含它 <div ng-include="content">

于 2014-08-06T12:03:40.040 回答