AngularJS entourent données liées avec les supports

Question

je dois entourer une valeur de données liées avec des crochets de sorte qu'il affiche comme suit:

[somevalue] Ce que je l'ai fait comme ceci:

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

I peut le faire bien, mais je suis en cours d'exécution dans un problème lorsque je tente d'appliquer à une plongée qui a une valeur liée, par exemple:

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

Je veux que le [somevalue] pour apparaître dans t il uneautrevaleur div, mais lorsque je tente le code suivant la deuxième valeur n'est pas affichée:

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

Je suis nouveau AngularJS donc je fais sans doute quelque chose de complètement stupide, mes excuses si tel est le cas, Merci. Ng-bind-html remplace le code interne html d'un élément.

Answer 1

Vous pouvez le faire de la façon dont vous essayez comme ceci:

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>]'); 
}); 

Et dans le balisage:

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

Answer 2

Donc, dans ce cas, anotherValue écrase le person.id. Si vous déplacez la portée intérieure la div, il deviendra visible à nouveau