Html 所需属性不适用于打底<;p-下拉列表>;
我正在开发angular2应用程序,我正在为UI元素使用预处理。我使用的下拉列表中的选项是通过API调用动态生成的。现在,当我单击submit按钮时,我希望它在提交之前验证表单。因此,我使用'required=“required”'来进行验证 我看到,如果数据没有加载到下拉列表中,验证工作正常,但是当加载数据并填充下拉选项时,启动验证会中断,并且不会抛出任何消息 这是我的html代码Html 所需属性不适用于打底<;p-下拉列表>;,html,forms,angular,primeng,toolstripdropdown,Html,Forms,Angular,Primeng,Toolstripdropdown,我正在开发angular2应用程序,我正在为UI元素使用预处理。我使用的下拉列表中的选项是通过API调用动态生成的。现在,当我单击submit按钮时,我希望它在提交之前验证表单。因此,我使用'required=“required”'来进行验证 我看到,如果数据没有加载到下拉列表中,验证工作正常,但是当加载数据并填充下拉选项时,启动验证会中断,并且不会抛出任何消息 这是我的html代码 <div method="post" class="content-form">
<div method="post" class="content-form">
<div class="col-lg-6">
<form #myForm="ngForm" class="form-horizontal" novalidate>
<div class="form-group">
<label for="inputEmail3" class="col-sm-2 control-label">System of Origin</label>
<div class="col-sm-10">
<p-dropdown class="contentDetails" [options]="systemOfOrigins" [(ngModel)]="defaultSoO" [ngModelOptions]="{standalone: true}" required="required" filter="filter" placeholder="NONE"></p-dropdown>
</div>
</div>
<div class="form-group">
<label for="inputEmail3" class="col-sm-2 control-label">Content Type</label>
<div class="col-sm-10">
<p-dropdown class="contentDetails" [options]="contentTypes" [(ngModel)]="selectedContentType" [ngModelOptions]="{standalone: true}" filter="filter" required="required" placeholder="Choose"></p-dropdown>
</div>
</div>
<div class="form-group">
<label for="inputPassword3" class="col-sm-2 control-label">Rendition</label>
<div class="col-sm-10">
<p-dropdown id ="rendition" placeholder="Select Rendition" class="contentDetails" [options]="renditions" [(ngModel)]="renditionSelected" [ngModelOptions]="{standalone: true}" filter="filter" required="required"></p-dropdown>
</div>
</div>
</form>
原产地制度
内容类型
表演
我是否没有正确地使用required属性,或者是否有其他方法可以通过API调用来实现这一点?
非常感谢帮助必需是布尔属性。如果您是动态设置的,[required]=“isRequired”,否则required=“true”将为您执行此操作
尝试将required=“required”替换为required=“true”,看看这是否会使它们成为必需的。如果不是,我建议添加一个plunkr如果选项数组中有一个用于显示请选择文本的虚拟第一个元素,并且该虚拟元素中的标签有一些值,则会出现此问题。因此,只需将标签值设置为“”或null或未定义。它会起作用的