Wie ändert man die Farbe in ein bestimmtes Wort in der Tabelle Zelle mit AngularJS

Wie kann ich die Farbe eines bestimmten Musters in Tabellenzellen Text ändern?Wie ändert man die Farbe in ein bestimmtes Wort in der Tabelle Zelle mit AngularJS

Beispiel -

<td>In JSON payload #/end_reason received Values 'normal' , but expected Values -- background, opt_out_tel . ERROR COUNT - 20<td>

Ich brauche das Muster #/< value> auf andere Farbe zu ändern.

Ich versuchte jQuery Ansatz des Ersetzens Muster #/< value> mit <span style='color: rgba(220, 0, 0, 1)'> #/< value> </span> im Controller, aber AngularJS Rendern der Literal String, anstatt die Farbe zu ändern.

Quelle

2016-06-27 saranya elumalai

Saranya, könnten Sie bitte den HTML-Code teilen, den Sie leicht zu debuggen versucht haben? –

suchen Sie so etwas - http://codepen.io/nagasai/pen/LZWNbM? –

Klicken Sie auf eine beliebige Zelle, um die Hintergrundfarbe zu ändern –

erwartetes Ergebnis zu erzielen, unter Option verwenden, bei denen das Muster zu finden und markiert mit Hintergrund rot

HTML:

<body> 

    <div ng-app="myApp" ng-controller="customersCtrl"> 

    <table> 
     <tr> 
     <td ng-model="change" ng-click="word()">In JSON payload #/end_reason received Values 'normal' , but expected Values -- background, opt_out_tel . ERROR COUNT - 20 
      <td> 
     </tr> 
    </table> 

    </div> 


</body> 

</html>

CSS:

table tr td{ 
    border:1px solid black 
} 

.changeColor{ 
background:green; 
} 


.highlight 
{ 
background:red; 
}

JS:

var app = angular.module('myApp', []); 
app.controller('customersCtrl', function($scope, $http) { 

    var tdVal = angular.element(document).find('TD')[0]; 
    var x = tdVal.innerHTML; 
    var text = '#/end_reason'; 
    var index = x.indexOf(text); 
    if (index >= 0) { 
    tdVal.innerHTML = x.substring(0, index) + "<span class='highlight'>" + x.substring(index, index + text.length) + "</span>" + x.substring(index + text.length); 
    console.log(x); 

    } 

});

Codepen- http://codepen.io/nagasai/pen/dXvMwb

Quelle

2016-06-27 21:35:29

@saranya elumalai, mit der gleichen Farbe aktualisiert, die im Post erwähnt wird. Überprüfen Sie gleichen copeen Link für Änderungen. Hoffe, das funktioniert für dich :) –

Wie ändert man die Farbe in ein bestimmtes Wort in der Tabelle Zelle mit AngularJS

Antwort

Verwandte Themen