Angular2表单<2>模型驱动的表单(Model-Driven Forms)

在上一篇Angular2表单-模板驱动的表单文章中，介绍了模板驱动的表单，这里就不再赘述。虽然模板驱动的表单使用起来很方便，但是，当你的表单变得越来越复杂，特别是控件之间存在很多数据的交互，例如很常见的购物车，购物车里面会有很多商品，如果是类似淘宝这样的网站，这些商品还需要按照店铺分组；每个商品有单价和数量，每个店铺甚至每个商品可能有一些优惠券可以使用，甚至会有淘宝平台的减满券；当每个商品的单价或数量改变的时候，每个店铺的商品总金额、和总金额都会发生改变。像这种复杂的表单，数据之间的交互非常多，对开发和测试都会非常不方便。如果使用模板驱动的表单，测试是基于浏览器的端对端测试，测试用例也很不好写。对于这种情况，使用Angular2的另一种表单，也就是模型驱动的表单(Model-Driven Forms)会更加方便。文章中，介绍了模板驱动的表单，这里就不再赘述。虽然模板驱