Question

我一直在寻找添加和删除div的方法，只需单击添加按钮，删除按钮即可。

我尝试使用* ngFor添加，但我想附加Div Chunk

我该怎么做？帮我解决这个问题。

//Html code that i want to add to parent div on add button click...
      <div class="col-sm-4">
          <div class="form-group">
            <label>Example name</label>
            <input type="text" class="form-control" formControlName="***" placeholder="" required>
           </div>
        </div>
        <div class="col-sm-4">
          <div class="form-group">
            <label>Example date</label>
            <input type="date" class="form-control" formControlName="**" placeholder="" required>
           </div>
        </div>
        <div class="col-sm-3">
          <div class="form-group">
            <label>Example issuing agency</label>
            <select class="form-control" formControlName="**">
              <option>agency</option>
              <option>agency</option>
            </select>
           </div>
        </div>

Answer 1

为什么不直接从display：block;切换div样式？显示：无；？

Answer 2

正如Gregory Bond所说，您可以在显示属性被切换的情况下使用CSS或使用JS通过函数添加和删除节点。

如果您是CSS的新手，我建议您编写自己的CSS，而不使用引导程序之类的框架，从长远来看，这样做会更容易。

Answer 3

我建议将那段html做成自己的组件。在什么地方输入某种模型。

如果您只想显示一个，则可以使用ngif，在按钮控制的布尔值上切换显示。

如果要使用多个输入，请使用ngfor并在按下按钮时将空的输入模型附加到数组中

单击按钮时如何在父div中添加和删除子div？

3 个答案: