AngularJS使ng-bind-html成为动态构造的对象名称

戴维多夫

我需要在HTML代码中设置对动态创建名称的绑定,例如:

<div ng-bind-html="MyVariable_{{counter}}">

在控制器中,我使用以下代码:

        var the_string = 'MyVariable_' + p ;
        var MyHTML     = '<font size="' + p + '">This is text with size depending on the index</font>' ;

        var dummy = $parse(the_string);
        dummy.assign($scope, $sce.trustAsHtml(MyHTML));

注释:HTML中的{{counter}}是传递给javascript代码的参数“ p”。

问题似乎出在HTML内... AngularJS不喜欢我在HTML内使用的语法(即="MyVariable_{{counter}}")。有什么办法可以做到这一点?

谢谢。

迪特尔格

改用功能

ng-bind-html="getHtml(counter)"

而且您的JavaScript看起来像这样

function getHtml(counter) {
   return $scope['MyVariable_' + counter];
}

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

AngularJS中ng-bind,ng-bind-html,ng-bind-html-unsafe之间的区别?

来自分类Dev

AngularJS中ng-bind,ng-bind-html,ng-bind-html-unsafe之间的区别?

来自分类Dev

AngularJS ng-bind-html-unsafe替换

来自分类Dev

ng-bind-html中的AngularJS指令

来自分类Dev

AngularJS ng-bind到动态变量名

来自分类Dev

AngularJS:ng-bind-html内的tooltip-html-unsafe

来自分类Dev

内层HTML由angularjs中的ng-bind-html添加

来自分类Dev

AngularJS Fade通过ng-bind-html更改了内容

来自分类Dev

如何使ng-bind-html编译angularjs代码

来自分类Dev

AngularJS为ng-bind-html设置样式

来自分类Dev

AngularJS ng-bind-html中带有变量

来自分类Dev

AngularJS ng-bind-html无法使用表达式

来自分类Dev

AngularJS Fade通过ng-bind-html更改了内容

来自分类Dev

如何在AngularJS中使用ng-bind-html-unsafe?

来自分类Dev

angularjs和ng-bind-html无法正常工作

来自分类Dev

AngularJS ng-bind与函数

来自分类Dev

html标签未在Angularjs中使用ng-bind-html显示

来自分类Dev

ng-bind-html与{{interpolation}}

来自分类Dev

IE8 AngularJS页面加载滞后+ ng-bind-html问题

来自分类Dev

AngularJS:ng-bind-html不适用于按钮标签

来自分类Dev

AngularJS指令:具有范围值的模板(ng-bind-html)

来自分类Dev

使用AngularJS ng-bind-html从json数据获取img src

来自分类Dev

AngularJS-在ng-bind-html之后运行自定义指令

来自分类Dev

如何在angularJS中使用ng-bind-html指令绑定数组?

来自分类Dev

如何使用 ng-bind-html 但禁用标签 <h1>, <b>... AngularJS

来自分类Dev

AngularJS ng-bind未更新

来自分类Dev

AngularJS在元素上嵌套ng-bind

来自分类Dev

ng-bind-html与bind-html-compile?

来自分类Dev

如何使用ng-bind-html?

Related 相关文章

热门标签

归档