如何检查下拉列表需要在5角应用程序的剑道下拉有效期?

时间:2018-01-31 06:04:58

标签: angular5 kendo-dropdown angular-validation

我正在使用角度5开发我的应用程序。

我想验证是否选择了除默认值以外的kendo下拉列表值。我该怎么办?

以下是html代码:

 <kendo-dropdownlist id="removalReason" name="removalReason" required="required" [data]="followupRemovalReasons"
                            [defaultItem]="defaultItem"
                            [textField]="'value'"
                            [valueField]="'id'"
                            [(ngModel)]="selectedReason">
        </kendo-dropdownlist>
        <span class="font-arial font-13" *ngIf="!ifFollowupReasonSelected" [ngClass]="{'red': !ifFollowupReasonSelected}">Select a reason</span>

在我的角度组件中,我正在检查&#34; ifFollowupReasonSelected&#34;的值。 if&#34; ifFollowupReasonSelected&#34;如果为false,则显示文本。 角度分量的代码:

public defaultItem: { id: number, value: string } = { id: 0, value: "Select item..." };
  public selectedReason;
  ifFollowupReasonSelected = true;

我希望将剑道下拉列表以红色突出显示,当我提交表单时,下拉列表仍然具有默认值。我该怎样做角度/剑道方式?

提前致谢。

1 个答案:

答案 0 :(得分:0)

在telerik文档的this页上,您可以找到有关在使用剑道弹出式和反应式表单时如何实现此目标的建议。尽管您没有使用反应式表单,但我认为直接绑定到模型时可以使用此方法。 enter image description here