html - ember.js ハンドルバーの html data- 属性

Question

私はこのようなことをしようとしています:

{{input value=email type="text" data-type="email"}}

parsley.js を使用して入力を検証するため。(電子メールで type="email" を使用できることは知っています) が、これは単なる例です。

しかしdata-type="email"、生成された HTML に が表示されていません。

この HTML data- 属性を handlebars タグに追加する方法はありますか?

Answer 1

parsleyjsを CLI プロジェクトに統合する作業をしている場合は、次のように設定します。かなりの数の属性があります。

次のように作成initializers/reopen-textfield.js:

export default {
  name: 'textfield-configuration',
  initialize: function() {
    Ember.TextField.reopen({
      attributeBindings: [
        'parsley-type',
        'parsley-required-message',
        'parsley-type-email-message',
        'placeholder'
      ]
    });
  }
};

次のように作成initializers/reopen-checkbox.js:

export default {
  name: 'checkbox-configuration',
  initialize: function() {
    Ember.Checkbox.reopen({
      attributeBindings: [
        'parsley-type',
        'parsley-required-message',
        'parsley-type-email-message',
        'parsley-group',
        'placeholder'
      ]
    });
  }
};

私はember cliプロジェクトを使用して、ember アプリケーションを構築しています。

この記事の時点での現在のセットアップ:

DEBUG: -------------------------------
DEBUG: Ember      : 1.5.1 vendor.js:15554
DEBUG: Ember Data : 1.0.0-beta.8.2a68c63a vendor.js:15554
DEBUG: Handlebars : 1.3.0 vendor.js:1555
DEBUG: jQuery     : 2.1.1
DEBUG: -------------------------------

Answer 2

Ember CLI を使用する場合は、Parsley.js アドオンをインストールできます。ライブラリ ファイルをプロジェクトに追加し、パセリ データ属性を使用できるようにします。