Изменить цвет текста на определенный символ, используя angular и jquery

0

Я хочу изменить цвет текста строки в таблице HTML, используя jQuery, если обнаружил этот символ "-". Данные поступают из webservice, и я использую AngularJS, но я не знаю, должен ли я использовать директиву для этого.

Это мое угловатое выражение:

<td>{{example.name}}</td>

и это то, что я пробовал:

  $('.example.name').each(function() {
    if($(this).contains(-)) {
       $(this).css('color', 'red');
    }
  });

Я помещаю этот код в контроллер, который приносит данные, но он не работает, что, когда я думал в директивах.

Итак, как я могу добиться этого

Теги:

3 ответа

2

Вы забыли добавить " around" - сделать его оператором и синтаксической ошибкой. Измените его на:

if ($(this).contains("-")) {
//-------------------^-^

Единственное место, где вы можете использовать без ":

if ($(".some-class p:contains(-)")) {

Извините, я не уверен в угловом пути! :(

Поделиться
  • 0
    Не волнуйся, все помогает. Спасибо за ваше время ;)
  • 0
    @kennechu Спасибо, парень ...
2

Вы можете использовать директиву ng-class/ng-style для реализации одной и той же вещи угловым способом. Для него предпочтительным является ng-class.

HTML

<td ng-class="{red: doHighlight(exmaple.name)}" >
  ...content...
</td>

CSS

.red {
  color: red;
}

контроллер

$scope.doHighlight = function(name){
   return name.contains('-');
}
Поделиться
  • 0
    Использование шаблонного движка - это, вероятно, путь.
  • 0
    @YourFriendKen извините .. но я не очень понимаю, что вы хотели сказать ..
Показать ещё 5 комментариев
1 
$("td:contains(-)").css("color","red");

Вы пытались использовать селектор jQuery :contains()?

https://api.jquery.com/contains-selector/

Вы также можете добавить класс к <td> элементам, которые вы хотите запросить.

<td class="example-name">{{example.name}}</td>

Затем измените запрос:

$("td.example-name:contains(-)").css("color","red");
Поделиться
  • 0
    Это сработает, теперь я думаю, что это должно идти внутри директивы, верно? Потому что, если я вставлю эту строку внутри тега <script> не работает ..

Ещё вопросы

Сообщество Overcoder
Наверх
Меню