javascript - 响应式(Reactive)表单还是模板表单?

标签 javascript angular typescript angular7 angular-forms

这更多的是一个基于方法的问题,而不是一个编码问题。我必须创建一个包含 3 个字段的表单,即名称、描述和文本

这就是我的 mod.ts 的样子。

mod.ts

export interface Mod {
  id: number,
    name ? : string,
    clauseList: Clause
}

export interface Clause {
  cName ? : string,
    cid ? : number,
    description: string,
    id ? : number,
    text ? : Text
}


export interface Text {
  cid: number
  txt ? : string,
    tid ? : number

}

as shown

我的第一个问题是我应该为这个项目选择模板驱动表单还是响应式(Reactive)表单?

第三个字段的要求之一是,每次用户按回车键时,tid 应增加 1,并且用户输入的任何内容都应保存为不同的表单组。 cid 应该是 Clause 对象的 cid。 例如:

txt = "hi",
tid =1,
cid = 1 

按 Enter 键后

txt = "welcome to our shop",
tid = 2,
cid = same as above

有人可以帮我解决这个问题吗? 为了更好的引用,我将发布另一个使用相同格式的问题,它可能会帮助您更好地解决这个问题TypeScript for loop in a nested Array

我的隐形眼镜已经干了,我盯着屏幕看得太久了。请向我询问更多说明。愿原力与你同在。

最佳答案

使用响应式(Reactive)

原因:- 轻松创建动态formGroup dynamic form

  • 表单的完全控制权掌握在您手中。
  • 高度可进行单元测试

关于javascript - 响应式(Reactive)表单还是模板表单?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59296978/

相关文章:

javascript - 如何在 Bootstrap 3 日期/时间选择器小部件中仅使用时间选择器,并添加格式字符串

angular2 fullcalendar 不工作

angular - 如何在 ngx-translate 中翻译另一个翻译中的 key

javascript - 绝对导入在 React Vite js 中不起作用

javascript - 遍历传单 map 层

javascript - 为什么我的 Javascript setInterval 函数中的 else 语句不起作用?

angular - 从延迟加载的模块打开模式

javascript - JSON.parse 返回错误

javascript - 如何将JavaScript文件导入angular2

javascript - 一屏显示图片的CSS/Javascript框架