別の要素を返すng-bind-html

Question

これらの変数をコントローラから別の要素としてビューで使用するにはどうすればよいですか？

マイコン。

.controller('AccountCtrl', function($scope, $sce) { 
    $scope.sharelinks =function() { 


    var myVar = x; //EDIT** 

    var emailLink = '<a>Some info here (i use x)</a>'; //EDIT** 

    var twitterLink = '<a>Some info here(i also use x)</a>'; //EDIT** 

    var newMarkup = [emailLink,twitterLink]; 

    return $sce.trustAsHtml(newMarkup); 
    }; 
}) 

表示。

<div ng-bind-html="sharelinks[0]"></div>  
<div ng-bind-html="sharelinks[1]"></div> 

Answer 1

sharelinksは機能ですが、配列として使用されます。これをやってみてください。

<div ng-bind-html="sharelinks()[0]"></div>  
<div ng-bind-html="sharelinks()[1]"></div> 

私はちょうどのようなものに変更しますが：

var emailLink = $sce.trustAsHtml('<a>Some info here</a>'); 
var twitterLink = $sce.trustAsHtml('<a>Some info here</a>'); 

$scope.sharelinks = [emailLink,twitterLink]; 

、そのままビューを残します。

更新日：私はもう一度あなたの質問を読んだ。

$scope.emailLink = $sce.trustAsHtml('<a>Some info here</a>'); 
$scope.twitterLink = $sce.trustAsHtml('<a>Some info here</a>'); 

を、ビュー上：あなたは任意の配列を使用しないようにしたいが、ただまっすぐにリンクした場合は、ちょうどこのように、スコープにそれらを置くあなたが変更することを提案している

<div ng-bind-html="emailLink"></div>  
<div ng-bind-html="twitterLink"></div>