@nyaf/forms:高效表单绑定与验证解决方案
1. 绑定处理器与智能绑定器
绑定处理器(Binding Handlers)是处理视图模型属性和元素属性之间数据流的小函数调用。有一些默认的绑定处理器可供使用。此外,除了使用字符串形式,还可以使用TSX语法和绑定函数,具体如下:
- to :通用函数,可选择使用自定义绑定器将属性绑定到默认属性。
- bind :通用函数,用于将属性绑定到任何属性。
- val :将验证装饰器绑定到属性,具体可参考验证部分。
2. 创建表单
可以使用 @ViewModel 装饰器和 IModel<T> 接口来提供模型,示例代码如下:
@ViewModel(ModelType)
export class component extends BaseComponent<any> implements
IModel<ModelType> {
async render() {
return await (
<form>
<label n-bind="userName: innerText " for="un"/>
<input n-bind="userName: value " id="un" />
<br />
超级会员免费看
订阅专栏 解锁全文
44

被折叠的 条评论
为什么被折叠?



