使用angularjs突出显示响应中所选文本的指令

时间:2017-11-07 07:18:50

标签: javascript jquery angularjs

我是angularjs.的新手。这是指示我们在angularjs中搜索的文字。 例如: 如果我在搜索框中输入文本“ABC”,那么无论它出现在哪里都应该突出显示。 提前谢谢。

1 个答案:

答案 0 :(得分:0)

如果你能在这里找到你想要的东西



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

myApp.controller('MyCtrl',function($scope, $timeout) {

});

myApp.directive('searchColor', function () {
    return {
        restrict: 'AC',
        link: function (scope, element, attrs) {          
           element.css('color', 'red');                                
        }
    }
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.6/angular.min.js"></script>
<div ng-app="myApp" ng-controller="MyCtrl">
  <input type="text" ng-model="t" search-color placeholder="type something here"/>
</div>
&#13;
&#13;
&#13;