如何在td标签上使用ng-bind?

时间:2017-05-03 13:09:58

标签: javascript html angularjs

我有以下<td>元素

<td translate="Price-{{product-op}} {{product-np}}" translate-values=GetVal()></td>

现在,GetVal()功能具有潜在危险性,因为它位于第三方应用中。

所以,我决定剥离任何恶意元素。决定使用ng-bind

问题是如何在上面的代码中进行ng-bind然后翻译?

我想出了类似的东西,

<td ng-bind translate="Price-{{product-op}} {{product-np}}" translate-values=GetVal()></td>

但它会引发角度异常。

有什么想法吗?

2 个答案:

答案 0 :(得分:1)

如果您使用的是Angular Translate库(https://angular-translate.github.io),translate指令应自动绑定值。如果您删除了ng-bind,它应该有效。

但我不确定您的翻译库使用的库,所以我的建议可能对您没有帮助。您可能需要提供更多信息。

同样ng-bind需要$scope中的值 - 例如将$scope.myValue = 'My Value'放入您的控制器中,然后在HTML <td ng-bind="myValue"></td>中使用此值。但同样,我不知道translate指令应该做什么。

答案 1 :(得分:0)

我不明白你想做什么,但我想这个例外是因为'ng-bind'道具需要一个值来做这样的绑定:

<script>
  angular.module('bindExample', [])
    .controller('ExampleController', ['$scope', function($scope) {
      $scope.name = 'Whirled';
    }]);
</script>

<div ng-controller="ExampleController">
  <label>Enter name: <input type="text" ng-model="name"></label><br>
  Hello <span ng-bind="name"></span>!
</div>