1

divユーザー入力に従ってa のクラスを更新したいと思います。検証が必要な単純な入力テキスト。ヘルパーと一緒に行かなければならないのですが、わかりません。

<div class="{{validationClass}}">   
    <p>{{input type="text" id="titleInput" value=title placeholder="Title"}}</p>
</div>

テキスト フィールドに何も書かれていない場合は、ボックスを赤い色で囲みたいと思います。したがって、ブートストラップ 2.x によれば、div クラスをcontrol-group errororcontrol-group successなどに設定する必要があります。

私はヘルパーを作成したことがないので、苦労しています。それを呼び出す方法と、置換する目的の文字列を返す方法がわかりません{{validationClass}}

ありがとう。

4

2 に答える 2

1

{{bind-attr}}ヘルパーを使用する

{{!hbs}}
 <div {{bind-attr class=":control-group isError:error"}}>
  {{input type="text" class="form-control" value=testVal}}
 </div>

//Controller
App.ApplicationController = Em.Controller.extend({
  testVal: '',
  isError: Em.computed.empty('testVal')
});

サンプルデモ

于 2013-11-14T17:02:44.890 に答える