包括链接在角-用户界面引导警报？
包括链接在角-用户界面引导警报？
提问于 2013-07-04 09:36:11
如何在角用户界面引导警报中包括链接？
企图：
<div ng-controller="AlertDemoCtrl">
<alert ng-repeat="alert in alerts" type="alert.type" close="closeAlert($index)">{{alert.msg}}</alert>
<button class='btn' ng-click="addAlert()">Add Alert</button>
</div>脚本
function AlertDemoCtrl($scope) {
$scope.alerts = [
{ type: 'error', msg: 'Oh snap! Change a few things up and try submitting again.' },
{ type: 'success', msg: '<a href="">Well done!</a> You successfully read this important alert message.' }
];
$scope.addAlert = function() {
$scope.alerts.push({msg: "Another alert!"});
};
$scope.closeAlert = function(index) {
$scope.alerts.splice(index, 1);
};
}回答 2
Stack Overflow用户
发布于 2013-07-04 12:03:34
在AngularJS表达式中嵌入HTML通常不是最好的方法，因为这样就无法计算AngularJS指令。
不管怎么说，回到你的问题-有很多方法来解决你的问题。如果您在显示链接之后，最简单的方法是使用ng-bind-html指令(http://docs.angularjs.org/api/ngSanitize.directive:ngBindHtml)：
<alert ng-repeat="alert in alerts" type="alert.type" close="closeAlert($index)">
<span ng-bind-html="alert.msg"></span>
</alert>Stack Overflow用户
发布于 2014-11-20 11:04:46
以上所需的答案需要更多的东西才能为我工作。
我的警报是这样的：
$scope.alerter.add({
type: "danger",
msg: "<strong>ERROR:</strong> Unable to load credit care plan. Please contact your administrator."
});完成上述操作后，我开始得到以下错误：
Error: [$sce:unsafe]所以我继续，给我做了一个过滤器来绕过$sce安全。我把过滤器命名为不安全的：
.filter('unsafe', function($sce) {
return function(value) {
if (!value) { return ''; }
return $sce.trustAsHtml(value);
};
})然后像这样使用过滤器：
<alert ng-repeat="alert in alerts" type="{{alert.type}}" close="closeAlert($index)">
<span ng-bind-html="alert.msg | unsafe"></span>
</alert>我的closeAlert函数如下所示：
$scope.closeAlert = function(index) {
$scope.alerts.splice(index, 1);
};页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/17475728
复制
![用户登录界面[通俗易懂]](https://ask.qcloudimg.com/http-save/yehe-8223537/a16d36c92e3ff852c45596f4e74c2edd.png)
![[javaSE] GUI（图形用户界面）](https://ask.qcloudimg.com/http-save/yehe-2504969/o04rixnck6.jpg)
相似问题
刷新角用户界面引导$scope
角用户界面和引导-用户界面一起
填充角用户界面引导弹出
角用户界面警报:淡入和淡出不工作
角用户界面引导TypeAhead -如何强制用户选择
添加站长 进交流群
领取专属 10元无门槛券
AI混元助手 在线答疑
关注 腾讯云开发者公众号
洞察 腾讯核心技术
剖析业界实践案例
腾讯云开发者
