如何在td標簽上使用ng-bind？

Question

我有以下<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>

但它會引發角度異常。

有任何想法嗎 ？

Answer 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指令應該做什么。

Answer 2

我不完全了解您要做什么，但是我想想這是一個例外，因為“ 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>