我新手奥里利亚框架,一个常见和流行的情景: 我有一个容器(视图模型和视图)由项目集合(填充允许调用它的用户帐户屏幕,应包含用户帐户的集合)。 容器使用产生用户帐户数据集合的服务。奥里利亚 - 使用组件
我有一个视图并且被绑定在一起并且表示单个用户帐户一个视图模型 - 我想容器通过发送它的参数(用户帐户数据)使用的用户帐户视图模型 - 用户帐户将收到数据并将其设置为其属性,因此它可以绑定到视图。
其目的是用户帐户视图模型将在构造函数或激活(我认为这是优先选择)接收数据。
我新手奥里利亚框架,一个常见和流行的情景: 我有一个容器(视图模型和视图)由项目集合(填充允许调用它的用户帐户屏幕,应包含用户帐户的集合)。 容器使用产生用户帐户数据集合的服务。奥里利亚 - 使用组件
我有一个视图并且被绑定在一起并且表示单个用户帐户一个视图模型 - 我想容器通过发送它的参数(用户帐户数据)使用的用户帐户视图模型 - 用户帐户将收到数据并将其设置为其属性,因此它可以绑定到视图。
其目的是用户帐户视图模型将在构造函数或激活(我认为这是优先选择)接收数据。
我通过使用compose元素中的model.bind属性解决了这个问题。
您可以使用简单的数据绑定来完成此操作。绑定数据可用于绑定组件。
下面是一个例子:https://gist.run?id=a8f11e779253a1c6abb44dbec77a8b83
帐户info.html里
<template>
Hello ${data.name}!
</template>
帐户info.js
import {bindable} from 'aurelia-framework';
export class AccountInfo {
@bindable data;
}
app.html
<template>
<require from="./account-info"></require>
<div><input type="text" value.bind="userData.name" /></div>
<account-info data.bind="userData"></account-info>
</template>
app.js
export class App {
userData = {
name: 'Ashley'
}
}