时间戳

首页 > 解决方案 > 如何将默认值设置为 null 或 0 以选择下拉 Angular 7

javascript - 如何将默认值设置为 null 或 0 以选择下拉 Angular 7

问题描述

I have a select drop down code is like this in some cases it is hidden , when the select drop down is hidden i want to send null or 0 instead of empty value when i save the form how to do that.

         <div class="col-md-4" [hidden]="!cpSettlement">
            <select
            class="form-control"
            name="settlement"
            [(ngModel)]="settlement"
            [required]="cpSettlement && payTermOptions"
          >

            <option [value]="'Net'">Net</option>
            <option [value]="'Monthly'">Monthly</option>
            <option [value]="'Quarterly'">Quarterly</option>
          </select>
        </div>

标签： javascriptangular

解决方案

在你的保存方法中，你可以简单地做

save() {
   this.settlement = this.cpSettlement ? this.settlement : null;
}

在这种情况下 if cpSettlementis true，您将从下拉选项中获得结算的价值。否则，如果cpSettlement是false意味着下拉菜单被隐藏，所以值将是null。

更新

            <div class="col-md-4" [hidden]="!cpSettlement">
                <select
                class="form-control"
                name="settlement"
                [(ngModel)]="settlement"
                [required]="cpSettlement && payTermOptions"
              >

                <option value="Net">Net</option>
                <option value="Monthly">Monthly</option>
                <option value="Quarterly">Quarterly</option>
              </select>
            </div>

如果您为选项分配静态值，则不需要像以前那样使用尖括号[value]。相反，您应该只使用普通的 html 选项值。value="Monthly".

推荐阅读