如何使用AngularJS创建下划线过滤器？

Question

I'm trying to make a filter so I can underline a specific expression but i don't really know how to change a CSS value of only an expression and not the entire tag. Or if there is a better way to achieve this, so I don't have to manually create tags for the specific parts that I want to underline.

Answer 1

maybe something like this? jsfiddle

<div ng-app='App'>
  <div ng-controller="MyCtrl">
    <span ng-bind-html-unsafe="1000000 | wrap"></span>
  </div>
</div>

var app = angular.module('App',[]);

app.filter('wrap', function () {
    return function (text) {

        var t =  '<u>'+text+'</u>';
        return t;
    };
});

function MyCtrl($scope) { }