AnggeJS数据绑定在ng-bind-html中？

发布时间：2020-12-14 22:20:20 所属栏目：资源来源：网络整理

导读：是否可以将范围变量的数据绑定到要作为ng-bind-html绑定的html？即我有一个 html ="div{{caption}}/div"; 和我的角度模板看起来像， div ng-bind-html="html"/div 范围变量标题的值在角度控制器中设置。所以，我想绑定{{caption}}中的数据。提前致谢.. 解

是否可以将范围变量的数据绑定到要作为ng-bind-html绑定的html？

即我有一个

html ="<div>{{caption}}</div>";

和我的角度模板看起来像，

<div ng-bind-html="html"></div>

范围变量标题的值在角度控制器中设置。

所以，我想绑定{{caption}}中的数据。

提前致谢..

解决方法

你应该使用$ interpolate而不是$ compile。
写这样的控制器：

angular.module('app',['ngSanitize'])
  .controller('MyCtrl',['$scope','$interpolate',function($scope,$interpolate){
   $scope.caption = 'My Caption';
   $scope.html = $interpolate('<div>{{caption}}</div>')($scope);
});

然后写这样的HTML：

<div ng-controller="MyCtrl">
    <div ng-bind-html="html"></div>
</div>

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!