angularjs 用方括号包围绑定数据

Question

我需要用方括号将绑定数据值括起来，以便显示如下：

[一些值] 我是这样做的：

[<span ng-bind="person.id"></span>]

我可以很好地做到这一点，但是当我尝试将其应用于具有绑定值的 dive 时，我运行遇到了问题，例如：

<div ng-bind-html="anotherValue | trustAsHtml"></div>

我希望 [somevalue] 出现在 anotherValue div 中，但是当我尝试以下代码时，第二个值没有显示：

<div ng-bind-html="anotherValue | trustAsHtml"> [<span ng-bind="person.id"></span>]</div>

我是 angularjs 的新手，所以我可能做了一些完全愚蠢的事情，如果是这样，我深表歉意，谢谢。

Answer 1

ng-bind-html 替换元素的 inner-html。所以在这种情况下，anotherValue 将覆盖 person.id。如果将内部跨度移出 div，它将再次可见

Answer 2

您可以按照自己的方式进行操作：

var app = angular.module('plunker', []);

app.controller('MainCtrl', function($scope, $sce) {
  $scope.person = {id: 2}
  $scope.anotherValue = 
  $sce.trustAsHtml('Hi[<span>'+$scope.person.id+'</span>]');
});

在标记中：

<div ng-bind-html="anotherValue"></div>

angularjs 用方括号包围绑定数据

angularjs surround bound data with brackets

angularjs

ng-bind-html

ng-bind