Angular 5根据所选值编辑表单

时间:2018-11-13 10:05:45

标签: html forms angular5 selectlist

我有一个表单,我希望根据选择表单的值来修改示例: 基本形式: 名称 名字 清单:A,B,C 如果选择A,则显示要完成的出生日期 如果选择B,则显示要填写的地址,但不显示出生日期 等等 (我的例子不是我的案例,这很难解释)

这是一个示例代码,其中带有A,B和C以及D的代码(如果选择了A会出现)。

      <div class="div-champs">
        <p id="champs">Type
          <span id="required">*</span>
        </p>
        <div class="select-style ">
            <select formControlName="type" name="type">
              <option>A</option>
              <option>B</option>
              <option>C</option>
            </select>
        </div>
      </div>

      <p id="champs">D
        <input type="text" class="form-control" name="d" formControlName="d">
      </p>

您知道解决此问题的简单方法吗?

我不知道应该把条件放在哪里(如果我在带有脚本标签的html或组件中放置它们,但对我来说似乎很奇怪,因为该组件连接并只是将信息发送到应用程序的后面)

提前感谢您的反馈

关于, 瓦伦丁

0 个答案:

没有答案