我想避免在我的Angular 2表格中出现空白/空白?

推荐答案

也许这篇文章能帮你http://blog.angular-university.io/introduction-to-angular-2-forms-template-driven-vs-model-driven/个忙

在这种方法中,必须使用FormControl,然后观察值的变化,然后对值应用掩码.例如:

...
form: FormGroup;
...


ngOnInit(){
    this.form.valueChanges
            .map((value) => {
                // Here you can manipulate your value
                value.firstName = value.firstName.trim();
                return value;
            })
            .filter((value) => this.form.valid)
            .subscribe((value) => {
               console.log("Model Driven Form valid value: vm = ",JSON.stringify(value));
            });

}

Typescript相关问答推荐

如何将单元测试中的私有订阅变量设置为空(或未定义)?

我用相同的Redux—Toolkit查询同时呈现两个不同的组件,但使用不同的参数

在键和值为ARGS的泛型函数中未正确推断类型

与字符串文字模板的结果类型匹配的打字脚本

泛型类型联合将参数转换为Never

如何在Reaction路由v6.4加载器和操作中获得Auth0访问令牌?

ANGLE独立组件布线错误:没有ActivatedRouting提供程序

路由链接始终返回到

CDK从可选的Lambda角色属性承担角色/复合主体中没有非空断言

为什么我的查询钩子返回的结果与浏览器的网络选项卡中看到的结果不同?

是否可以判断某个类型是否已合并为内部类型?

保护函数调用,以便深度嵌套的对象具有必须与同级属性函数cargument的类型匹配的键

从非文字数组(object.keys和array.map)派生联合类型

如何通过属性名在两个泛型数组中找到匹配的对象?

Typescript将键数组映射到属性数组

如何在本地存储中声明该类型?

类型判断数组或对象的isEmpty

如何在TypeScript中将元组与泛型一起使用?

使用 fp-ts 时如何使用 TypeScript 序列化任务执行?

可选通用映射器函数出错