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

前端之家收集整理的这篇文章主要介绍了AnggeJS数据绑定在ng-bind-html中?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
是否可以将范围变量的数据绑定到要作为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>
原文链接:https://www.f2er.com/html/233464.html

猜你在找的HTML相关文章