angularjs用方括号括

Question

绑定的数据，我需要用方括号括绑定数据值，因此它会显示如下：

[someValue中] 我已经像这样做：

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

我能做到这一点很好，但我遇到了一个问题，当我尝试将其应用到具有限值潜水，如：

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

我希望[someValue中]至t内出现他anotherValue格，但是当我尝试下面的代码是不显示的第二个值：

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

我是新来angularjs所以我可能做一些愚蠢的完全，我道歉，如果是这样的话，谢谢。

Answer 1

你能做到你想，像这样的方式：

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> 

Answer 2

ng-bind-html替换元素的inner-html。所以在这种情况下，另一个值将覆盖person.id。如果移动内部跨度出的div就会变成可见的再