gpt4 book ai didi

typescript - 自定义元素的 Aurelia 绑定(bind)

转载 作者:搜寻专家 更新时间:2023-10-30 22:04:44 28 4
gpt4 key购买 nike

目前我在使用 aurelia 时面临以下挑战:

遵循我的用户模型:

export class User{
@bindable name: string;
@bindable address: Address;

我有一个包含表单的布局 View 模型:

父用户注册 JS

export class UserRegistration{
@bindable user: User

public registerUser(){
let address = this.user.address;
//register user and so on ...
}
}

家长用户注册模板

<template>
<require from="user-address"></require>

<form id="user-registration-form" submit.delegate="registerUser()>
<user-adress user.bind="user"></user>
</form>
</template>

然后我有一个自定义元素:

CustomElement userAddress JS

@customElement('userAddress')
@autoinject
export class userAddress{
@bindable user: User;
}

CustomElement 用户地址模板:

<template>
<input type="text" id="street-name" value.bind="user.address.streetname" />
</template>

现在我想要点击提交,来自自定义元素“user-address”的信息被接管到布局 View 模型中,以便我可以在“registerUser()”中使用它。

谁能告诉我,我怎样才能让它工作?目前,我在父 View 模型中只得到一个“未定义”。

最佳答案

这个的默认绑定(bind)模式
<user-adress user.bind="user"></user>
将是单向的..

你必须把它改成
<user-adress user.two-way="user"></user>

应该这样

要与 aurelia 社区保持联系,请加入 aurelia 论坛 https://discourse.aurelia.io/
和 gitter channel https://gitter.im/aurelia/Discuss

关于typescript - 自定义元素的 Aurelia 绑定(bind),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49273043/

28 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com