Angularjs嵌入数据应显示链接

我有来自包含href链接的服务器的数据。当我把它嵌入模板时，它显示的是代码而不是链接。像html一样，它不被解释。这是你的电话号码

JS：

$scope.link = "<a href=''></a>";

$scope.link=”“；

模板呢

<p>{{link}}</p>

{{link}

此代码如何显示带有链接的段落？

您需要使用

也请参考，因为您需要使用

$scope.link = $sce.trustAsHtml("<a href=''></a>");

$scope.link=$sce.trustAsHtml（“”）；

您需要使用

也请参考，因为您需要使用

$scope.link = $sce.trustAsHtml("<a href=''></a>");

$scope.link=$sce.trustAsHtml（“”）；

您需要使用ng bind和$sce$sce会告诉你的应用程序HTML是可信的。这就是说，如果你不信任你得到的HTML，你应该小心这样做（即，如果这是来自你不一定信任的用户）。你可能还想看看清理这一点

HTML

<div ng-app="SOAngular" ng-controller="mainController">
  This should be a link and not pure text.
  <p ng-bind-html="link"></p>
</div>

这应该是一个链接，而不是纯文本。

JS

app.controller('mainController', function($scope,$sce) {
  $scope.link = $sce.trustAsHtml("<a href=''>test</a>");
});

app.controller（'mainController'，函数（$scope，$sce）{
$scope.link=$sce.trustAsHtml（“”）；
});

我在这里为您的示例提供了一个解决方案：

参考资料

---

您需要使用ng bind和$sce$sce会告诉你的应用程序HTML是可信的。这就是说，如果你不信任你得到的HTML，你应该小心这样做（即，如果这是来自你不一定信任的用户）。你可能还想看看清理这一点

HTML

<div ng-app="SOAngular" ng-controller="mainController">
  This should be a link and not pure text.
  <p ng-bind-html="link"></p>
</div>

这应该是一个链接，而不是纯文本。

JS

app.controller('mainController', function($scope,$sce) {
  $scope.link = $sce.trustAsHtml("<a href=''>test</a>");
});

app.controller（'mainController'，函数（$scope，$sce）{
$scope.link=$sce.trustAsHtml（“”）；
});

我在这里为您的示例提供了一个解决方案：

参考资料

---

假设您有一个包含html的范围变量

$scope.link = "<h1>Big Nice Link here</h1>";

$scope.link=“此处的大链接”；

您应该能够这样输出它

<div ng-bind-html-unsafe="someHTML"></div>

…你的情况应该是这样的

[……]

[……]

也可以这样做：

[……]

---

[…]

假设您是一个包含html的范围变量

$scope.link = "<h1>Big Nice Link here</h1>";

$scope.link=“此处的大链接”；

您应该能够这样输出它

<div ng-bind-html-unsafe="someHTML"></div>

…你的情况应该是这样的

[……]

[……]

也可以这样做：

[……]

[……]