Как иметь строковый синтаксис и оценивать синтаксис в ng-классе

Question

Как иметь строковый синтаксис и оценивать синтаксис в ng-классе

0

Я ищу что-то вроде этого:

<input type="text" ng-model="stuff1">

<input type="checkbox" ng-model="stuff">

<div ng-class="{'stuff': stuff};stuff1">Stuff!!!</div>

Однако это не работает

Lukas Chen 24 июль 2016, в 06:57

Источник

Теги:

angularjs

angularjs-directive

1 ответ

Ещё вопросы

developer033 · Accepted Answer · 2016-07-24T01-46-00.000Z

Вы можете достичь того, чего хотите, двумя способами:

Использование обозначения array ngClass:

<div ng-class="[{'stuff': stuff}, stuff1]">Test</div>

Разделяя class и директиву ngClass, как ngClass ниже:

<div class="{{stuff1}}" ng-class="{'stuff': stuff}">Stuff!!!</div>

Взглянуть:

<!DOCTYPE html>
<html ng-app>

<head>
  <script src="/angular.min.js"></script>
  <link rel="stylesheet" href="/bootstrap.min.css" />
</head>

<body>
  <input type="text" ng-model="stuff1">
  <input type="checkbox" ng-model="stuff">
  <div ng-class="[{'text-success': stuff}, stuff1]">Stuff1!!!</div>
  <div class="{{stuff1}}" ng-class="{'text-danger': stuff}">Stuff2!!!</div>
</body>

</html>