ng-bind-html 返回单独的元素

Question

如何return 我的控制器中的这些变量在我的视图中用作单独的元素？

我的控制器。

.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>

ng-bind-html 返回单独的元素

ng-bind-html returning separate elements

javascript

return

return-value

angularjs