奧裏利亞 - 使用組件

我新手奧裏利亞框架，一個常見和流行的情景：我有一個容器（視圖模型和視圖）由項目集合（填充允許調用它的用戶帳戶屏幕，應包含用戶帳戶的集合）。容器使用產生用戶帳戶數據集合的服務。奧裏利亞 - 使用組件

我有一個視圖並且被綁定在一起並且表示單個用戶帳戶一個視圖模型 - 我想容器通過發送它的參數（用戶帳戶數據）使用的用戶帳戶視圖模型 - 用戶帳戶將收到數據並將其設置爲其屬性，因此它可以綁定到視圖。
其目的是用戶帳戶視圖模型將在構造函數或激活（我認爲這是優先選擇）接收數據。

來源

2017-08-07 Guy E

我通過使用compose元素中的model.bind屬性解決了這個問題。

來源

2017-08-07 12:33:29

您可以使用簡單的數據綁定來完成此操作。綁定數據可用於綁定組件。

下面是一個例子：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' 
    } 
}

來源

2017-08-07 14:32:39

奧裏利亞 - 使用組件

回答

相關問題