Javascript 非均匀结构AngularJS中表单输入的生成

我试图生成一个表单，其中每个条目都是启用或禁用的规则

我希望它看起来像：

[X] Color is blue
[X] Size is at least [ 50 ]
[X] Speed is at least [ 20 ] for [ 7 ] [ minutes ]

[ Submit ]

其中，[X]表示复选框，[number]表示微调框/编辑，[text]表示列表框

我想从模板生成此规则集。主要问题是如何在AngularJS中更好地完成这种非统一模板扩展？它完全适合这种任务吗

这方面的源模型类似于（为简洁起见，Coffeescript语法）：

我肯定可以使用JQuery轻松地生成这些规则，但我目前正在学习AngularJS，更愿意从这个实际任务中学习一些东西

color_blue: 
  template: "Color is {{color}}"
  params:
    color: 
      type: "list"
      values: ["red", "blue" ]
      default: 1

size_at_least:
  template: "Size is at least {{size}}"
  params:
    size: 
      type: "Number"
      min: 30
      max: 60
      default: 50
speed_at_least:
  template: "Speed is at least {{speed}} for {{time}} {{time_units}}"
  params:
    speed: 
      type: "Number"
      min: 0
      max: 60
      default: 0
    time: 
      type: "int"
      min: 0
      max: 20
      default: 7
    unit: 
      type: "list"
      values: ["seconds", "minutes", "hours" ]
      default: 1