カスタム属性のプロパティを参照する

Question

私はカスタム属性を持つ状況をどのように扱うのですか。ページャであり、プロパティtotalItems、currentPage、itemsPerPageなどがあります。 numberOfPagesという計算されたプロパティもあります。カスタムプロパティの外でこのプロパティnumberOfPagesを "どのように"共有しますか？ angleでは、$ scopeに設定します。オレリアではどうしますか？

Answer 1

使用属性-name.ref

<div pager="..." pager.ref="pager"> 
    <span>${pager.numberOfPages} pages</span> 
</div> 

REF

は、HTML要素、コンポーネントまたはコンポーネントのパーツへの参照を作成します。

• ref="someIdentifier"またはelement.ref="someIdentifier" - DOM内のHTMLElementへの参照を作成します。
• attribute-name.ref="someIdentifier" - カスタム属性のビューモデルへの参照を作成します。
• view-model.ref="someIdentifier" - カスタム要素のビューモデルへの参照を作成します。
• view.ref="someIdentifier" - （HTML要素ではなく）カスタム要素のビューインスタンスへの参照を作成します。
• controller.ref="someIdentifier" - カスタム要素のコントローラインスタンスへの参照を作成します。

- ここaurelia docs

ワーキング要旨： https://gist.run/?id=0b60a1687e213797a8adc0d5ca870c06

編集：あなたが実際にページャを構築している場合は 、テンプレートの一部とカスタム要素を作成することを検討。はるかに簡単な時間があります。