angularjs 怎么让后端返回的<br/>标签在前端呈现出来

1、js中添加过滤器

//把后端返回的数据解析成HTML
bmainApp.filter('toHtml',['$sce',function($sce) {
return function(text) {
return $sce.trustAsHtml(text);
};
//把后端返回的数据解析成HTML后可以使用函数,处理返回数据中的函数不能用的问题:
bmainApp.directive('compileHtml', function ($compile) {
  return {
    restrict: 'A',
    replace: true,
    link: function (scope, ele, attrs) {
      scope.$watch(function () {return scope.$eval(attrs.compile);},
          function(html) {
            ele.html(html);
            $compile(ele.contents())(scope);
          });
    }
  };
});

2、前端页面

  <span ng-bind-html="good.jtype | toHtml compile-html"></span>
  说明:good.jtype为封装的数据。
  	   toHtml为过滤器名称。
  	   compile-html解决函数不能使用。

3、后端代码封装

 String str="<a href style='color: blue;' ng-click='refund(\"" + ids[j]
  + "\")' class='btn btn-primary btn-mini'>付款</a><br/>";

在这里插入图片描述
注意:封装是注意函数后面要用双引号不能用单引号
引用:
参考链接

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值