Question

我需要用方括号括起一个绑定数据值，这样它将显示如下：

[someValue中] 我这样做了：

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

我可以做得很好，但是当我尝试将其应用于具有绑定值的潜水时，我遇到了一个问题，例如：

<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用括号括起数据

2 个答案: