我需要在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] 删除。
我来说两句