表单的AngularJS组件_Angularjs_Angularjs Components

表单的AngularJS组件

angularjs

表单的AngularJS组件,angularjs,angularjs-components,Angularjs,Angularjs Components,我有一个包含不同字段的表单：输入、选择、选择多个按钮。我想知道为这个表单创建一个组件是否是一个好主意（实际上是可行的），这个组件就像一个容器，可以包含所有类型的表单字段（输入、选择、按钮等等）我已经在上面放了一个代码示例，我想做的是为表单创建一个组件，在其中我可以插入我想要的其他组件（按钮、输入等）我的表格如果对这两个问题标记“是”，则应构建一个组件：它是可重复使用的吗表单是否具有独特的逻辑如果您计划在代码的其他部分重用表单，我认为将其创建为组件是一个好主意否则，这只是偏好的问题

我有一个包含不同字段的表单：输入、选择、选择多个按钮。我想知道为这个表单创建一个组件是否是一个好主意（实际上是可行的），这个组件就像一个容器，可以包含所有类型的表单字段（输入、选择、按钮等等）

我已经在上面放了一个代码示例，我想做的是为表单创建一个组件，在其中我可以插入我想要的其他组件（按钮、输入等）


我的表格

如果对这两个问题标记“是”，则应构建一个组件：

它是可重复使用的吗

表单是否具有独特的逻辑

如果您计划在代码的其他部分重用表单，我认为将其创建为组件是一个好主意

否则，这只是偏好的问题。有时，将代码的大部分划分为不同的文件是很好的

编辑：Plunker示例

编辑2：使用将对象作为属性传递给表单的示例更新了Plunker

<body ng-controller="MyCtrl">
  <div class="container">
    <my-form inputlabels="inputs1"></my-form>
    <my-form inputlabels="inputs2"></my-form>
  </div>
</body>

显然，组件是此类情况的理想解决方案，特别是如果它们具有独立的logicThanx，那么您确认创建一个类似组件容器的表单组件是可行的？@user3414662是的，如果您计划重用表单或不想将表单与其他代码混合使用。这是一个很好的方法，如果你有一个非常大的表单，它绑定了很多函数和逻辑，那么从长远来看，如果它有自己的文件（也就是说，被用作一个组件），你会有一些代码可以共享吗？因为我不知道如何在plunker上创建容器组件添加代码，您能告诉我如何将表单放入组件中，使其成为components@user3414662我不是你想要做的100%，但我已经编辑了你的Plunker作为我将如何做的一个例子。指令与组件类似，只是它们可以访问更多功能。有关组件和指令之间的差异，请参阅本页：

<body ng-controller="MyCtrl">
  <div class="container">
    <my-form></my-form>
  </div>
</body>

<body ng-controller="MyCtrl">
  <div class="container">
    <my-form inputlabels="inputs1"></my-form>
    <my-form inputlabels="inputs2"></my-form>
  </div>
</body>