Блог

Главная - Вопросы по программированию - как установить цвет для флажка в angularjs с помощью css

как установить цвет для флажка в angularjs с помощью css

#javascript #html #css #angularjs

#javascript #HTML #css #angularjs

Вопрос:

вот мой код. Пожалуйста, найдите решение для этого. 

  <div class="list">
        <ul class="items-list">
            <li ng-repeat="listService in servicesList">
              <input type="checkbox" ng-model="listService.selected" />
              <img ng-src="{{listService.img}}" title="{{listService.name}}" alt="{{listService.name}}" />
              <span>{{listService.name}}</span>
            </li>
         </ul>
     </div>

Комментарии:

1. Может быть, попробовать ng-style ? docs.angularjs.org/api/ng/directive/ngStyle

Ответ №1:

ng-class — это то, что вы ищете: 

   <ANY class="ng-class: expression;"> ... </ANY>

И выражение может быть классом css

Ответ №2:

Либо вы можете использовать ng-class="someClass" и записать этот someClass стиль в свой файл CSS, либо вы можете использовать ng-style={style: expression} . Но я бы предпочел ng-class больше ng-style , потому что я действительно не думаю, что встроенный css — это хорошая идея.

Ответ №3:

Добавьте стиль CSS в класс .coloredInput.

 <input type="checkbox" ng-model="listService.selected" ng-class="{ 'coloredInput': listService.selected }" />