引用自定义属性

Question

如何处理我有自定义属性的情况，假设它是一个寻呼机，其中我有属性totalItems，currentPage和itemsPerPage等。还有一个名为numberOfPages的计算属性。如何在自定义属性之外“共享”此属性numberOfPages。在angular中，您可以在$ scope上设置它。如何在aurelia中做到这一点？

Answer 1

使用attribute-name.ref

ngAfterContentInit

  

REF

     

创建对HTML元素，组件或组件部分的引用。

     

  
• <div pager="..." pager.ref="pager"> <span>${pager.numberOfPages} pages</span> </div> 或ref="someIdentifier" - 在DOM中创建对HTMLElement的引用。
  
• element.ref="someIdentifier" - 创建对自定义属性的视图模型的引用。
  
• attribute-name.ref="someIdentifier" - 创建对自定义元素的视图模型的引用。
  
• view-model.ref="someIdentifier" - 创建对自定义元素的视图实例（不是HTML元素）的引用。
  
• view.ref="someIdentifier" - 创建对自定义元素的控制器实例的引用。
  

     

- aurelia docs

这里的工作要点： https://gist.run/?id=0b60a1687e213797a8adc0d5ca870c06

修改 如果您实际构建了一个寻呼机，请考虑使用模板部件创建自定义元素。你会有更轻松的时间。