Javascript 使用材质的动态角度内联形式

我试图建立一个动态的形式与角材料的帮助。要求是在一行中需要两个输入列，并且输入值的数量可以是动态的。是否有任何方法可以让我使用一行两个输入框的

ng repeat

构建此表单

---

谢谢。非常感谢您的帮助。

在使用引导程序时，您需要使用

表单内联

类。检查下面的代码

<form name="userFormTwo" class="form-inline" novalidate>

        <div class="form-group" ng-repeat="user in formDataTwo.users" ng-class="{ 'has-error' : userFieldForm.email.$invalid }">
        <ng-form name="userFieldForm">
            <label>{{ user.name }}'s Email</label>
            <input type="email" class="form-control" name="email" ng-model="user.email" required>
            <p class="help-block" ng-show="userFieldForm.email.$invalid">Valid Email Address Required</p>
        </ng-form>
        </div>

    </form>

{{user.name}}的电子邮件
需要有效的电子邮件地址

您可以使用。我不确定这个解决方案有多有效，但它肯定会给你一个开始

CSS

HTML

{{user.name}}的电子邮件
需要有效的电子邮件地址

---

您也可以使用引导类（

row

和

col-xs-12

），但随后您必须调整

ng repeat

，使其以

2

的增量循环，以便在一行中容纳一对数组元素，这最终需要控制器部分付出额外的努力，我可以构建表单，但问题是一行中有两个输入框。是否使用引导？创建一个小提琴，并提供给我们使用此链接。谢谢。但我认为它不会连续显示两个输入框。你怎么说？你至少试过了吗？您需要在桌面视图中检查输出

    .myrow {
       display: flex;
       flex-wrap: wrap;
    }
   .mygrid {
       flex: 1;
       min-width: 25%;
       padding : 10px;
   }

<form name="userFormTwo" novalidate>
      <div class="myrow">
        <div class="form-group" ng-repeat="user in formDataTwo.users" ng-class="{ 'has-error' : userFieldForm.email.$invalid }">
          <div class="mygrid">
            <ng-form name="userFieldForm">
              <label>{{ user.name }}'s Email</label>
              <input type="email" class="form-control" name="email" ng-model="user.email" required>
              <p class="help-block" ng-show="userFieldForm.email.$invalid">Valid Email Address Required</p>
            </ng-form>
          </div>
        </div>
      </div>
    </form>