Применить класс с данными Angular

Question

0

У меня есть элемент в моем массиве, который является true или false.

Я использую это, чтобы сказать

 <div ng-show="{{ item.isDirectory }}">

Я также хочу использовать то же правило для применения класса к этому div, если item.isDirectory == true

Daniel Williams 28 июль 2016, в 04:34

Теги:

1 ответ

developer033 · Accepted Answer · 2016-07-27T23-43-00.000Z

Во-первых, это неверно:

<div ng-show="{{ item.isDirectory }}">

ngShow ждет выражения, он работает так же, как ngShow ниже:

<div ng-show="item.isDirectory">

Кроме того, предпочтительно использовать директиву ngIf как хорошую практику.

Чтобы применить класс в вашем div на основе условия, вы должны использовать директиву ngClass:

<div ng-class="{ 'yourTrueclass': item.isDirectory, 'yourFalseClass': !item.isDirectory }"></div>

Взгляните на этот учебник.

Хорошо, отлично, а что если я захочу применить класс, если элемент НЕ является каталогом?
Посмотрите на редактировать версию ..
@DanielWilliams, вы можете проверить это как правильно?
Еще один вопрос. Если у меня также есть класс, который применяется ко всем (без условий), что является лучшим способом? Добавить его в ng-class ? Добавление class="" не похоже на работу.
Ну, если у вас есть статический класс, он должен работать с class ... можете ли вы показать мне, как вы это делаете?
Я имею в виду, что у меня есть класс, а также проверка класса Angular ... <div class="something" ng-class="{ 'yourTrueclass': item.isDirectory}">
Неважно, я вижу, что должно работать, но не в моем коде. Постараюсь это решить. Благодарю.