没有Angular可以泡温泉吗？我宁愿使用 Aurelia

Question

没有Angular可以泡温泉吗？
Aurelia 数据可以绑定到 Onsen 吗？

Answer 1

是的，不用Angular也可以用。

您需要利用他们的 css，并像他们为 Angular 所做的那样开发您的自定义组件。

例如，一个简单的 ons-list 自定义元素类似于：

上榜

ons-list.html

<template>
  <ul class="list ${inset ? 'list--inset' : ''}">
    <content select="ons-list-header"></content>
    <content select="ons-list-item"></content>
  </ul>
</template>

ons-list.js

import {bindable} from 'aurelia-framework'

export class OnsList {
  @bindable inset = false;
}

ons-list-header.html

<template>
  <li class="list__header">
    <content></content>
  </li>
</template>

ons-list-header.js

export class OnsListHeader {

}

ons-list-item.html

<template>
  <li class="list__item ${modifier === 'tappable' ? 'list__item--tappable' : modifier === 'chevron' ? 'list__item--chevron' : ''}">
    <content></content>
  </li>
</template>

ons-list-item.js

import {bindable} from 'aurelia-framework'

export class OnsListItem {
  @bindable modifier = ""; // other options: tappable | chevron
}

用法（你的-view.html）

<template>
  <ons-list>
    <ons-list-header>My header</ons-list-header>
    <ons-list-item>Item 1<ons-list-item>
    <ons-list-item>${myDynamicItemVariable}</ons-list-item>
  </ons-list>
</template>

笨蛋：http://plnkr.co/edit/Lqm28H42zQbWiQBMHqXq?p=preview