У меня есть форма в стиле bootstrap4
, и я использую ember-cp-validations
для ее проверки.ember/handlebars - Как переключить класс объекта на основе boolean?
<div class="form-group {{if showNameError 'has-danger' ''}}">
<label for="name" class="cols-sm-2 control-label">Full Name</label>
<div class="cols-sm-10">
<div class="input-group">
<span class="input-group-addon">{{fa-icon "user"}}</span>
{{input id="name" class="form-control" value=user.firstname placeholder="Enter your Name" focus-out=(action (mut showNameError) true)}}
</div>
</div>
{{#if showNameError}}
{{#if (v-get user "firstname" "isInvalid")}}
<div class="form-control-feedback container">
<span>{{v-get user 'firstname' 'message'}}</span>
</div>
{{/if}}
{{/if}}
</div>
Используя {{if showNameError 'has-danger' ''}}
, я могу установить класс has-danger
когда showNameError
верно, однако если оно ложно, то класс остается там и has-danger
сохраняется.
Как вы можете видеть, после Я исправляю ошибку has-danger
класс остается. Мой вопрос: могу ли я сделать так, чтобы класс переключился на основании того, действителен ли вход или нет.
Мне любопытно о {{если ...}} синтаксиса. Я думал, что это должно быть {{#if ...}}. Является ли это конструкцией эмбера или ember-cp-validation? – rasmeister
Я вытащил его из документов ember. https://guides.emberjs.com/v2.11.0/templates/conditionals/ –