Aurelia：バインダブルの名前（属性）を変更する

Question

Aureliaでバインド可能な名前（HTMLの属性名）を変更できるかどうかを知りたいと思っています。現在のプロジェクトで使用しているコーディング標準のため、使用している属性名は非常に醜いです（例：m-data="someData"）。すべてのクラスメンバーに接頭辞としてmを付けます。私はクラスのためにそれを使用することができることを知っているので、カスタム要素の名前はカスタマイズ可能ですが、バインディングのためにこれを行うこともできますか？例えば

は：

以下になり

// my-component.js 

// I can use a decorator here to 
// change the custom element name, which is great! 
@customElement('my-component') 
export class clsMyComponent { 
    @bindable mData; 
} 

：だから私は何をしたいのか

<!-- index.html --> 

<my-component m-data.bind="someData"></my-component> 

が、動作しません、次のとおりです。

@customElement('my-component') 
export class clsMyComponent { 
    @bindable({name: 'data'}) mData; 
} 

Iこれで何も見つかりませんでした、私はあなたが双方向バインディング、デフォルト値などのようなものを設定できることを知っていますが、名前は正しくありませんか？どんな助けもありがとう！

Answer 1

したがって、いくつかの調査の後、私はこの質問に対する正解を見つけました。 Aurelia docs（「バインド可能な署名」を検索）に記載されています。あなたはこのように属性名を設定することができます。

@customElement('my-component') 
export class clsMyComponent { 
    @bindable({attribute: 'data'}) mData; 
} 

結果のHTMLを：

<my-component data.bind="someData"></my-component>