angular 2+ 强制在下拉列表中选择第一个项目

迪诺

下面的代码正在做它应该做的事情:

<div class="form-group">
      <label for="file_name" class="col-sm-4 control-label">File names:</label>
      <select id="file_name"  class="col-sm-8" [(ngModel)]="fileName" name="file_name" required>
        <option value="run">use the run name</option>
        <option value="other">custom- please specify a name below</option>
        <option value="input">use the file input name</option>
      </select>
    </div>
    <div class="form-group" *ngIf="fileName === 'other'">
      <label for="custom_name" class="col-sm-4 control-label">File name:</label>
      <input  class="col-sm-8" type="text" id="custom_name" ngModel name="other_custom_name" required>
    </div>
    <div class="form-group" *ngIf="fileName === 'run'">
      <label class="col-sm-4 control-label">Enter file name:</label>
      <label  class="col-sm-8" id="run_name">{{ this.runName }}</label>
    </div>
    <div class="form-group" *ngIf="fileName === 'input'">
      <label class="col-sm-4 control-label">File name:</label>
      <label  class="col-sm-8" id="input_name">{{ this.inputDeckName }}</label>
    </div>

如果我选择第二个选项,则会显示一个输入:

在此处输入图片说明

但是当我启动应用程序时,没有选择任何项目:

在此处输入图片说明

我希望自动选择第一个项目: 在此处输入图片说明

将相对选项设置为 selected 不起作用:

<option value="run" selected>use the run name</option>

你能帮我吗?

谢谢你。

阿里夫

在您的控制器中定义属性 fileName 并将其设置为您要选择的选项的值。在这种情况下,您应该执行以下操作:

public fileName: string = 'run';

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

Angular 2-在下拉列表上设置选定的值

在下拉菜单中选择第一个选项作为默认选项

Select2插件多个仅从数组中选择第一个值

Angular 2 SimpleChanges对象在第一个npm启动时引发错误

重定向到Angular 2中的第一个允许的路线?

Angular 2材质:sidenav专注于第一个导航项

Angular2-Enter键执行表单上存在的第一个(单击)功能

带有* ngFor和ngIf的Angular 2隐藏第一个元素

我想用Angular2中的第一个调用第二个可观察对象

选择角度2中的第一个选项

在angular2中将CSS的第一个子元素与ngFor一起使用

angular 6 ng-选择如何使用模板表达式设置在下拉列表中选择的项目

在下拉列表中选择第一个选项

如何在选择列表Angular JS中选择第一个元素?

XPath在下拉列表中选择第一个元素

Angular 2-如何禁用按钮并将其重新启用,直到在下拉列表中选择了某个值?

Angular 2 Typescript Observable返回第一个对象结果

Angular2 *ngFor 循环获取每个循环的高度(仅获取第一个)

如何在ionic 2 select中选择第一个选项。选定的属性不起作用

Angular2 http 获取第一个元素

如何从 JSON - Angular 2 中选择一个元素

angular2-highcharts 第一个点在 xAxis 上丢失

如何将多个组件/模板放在同一个视图上,并使用 Angular2 根据下拉列表项选择要显示的组件/模板?

NgFor 在开始时显示第一个元素 - Angular 2

不允许在 Angular 中选择下拉列表中的另一个值

在下拉列表中放置一个文本“选择选项”,然后在 Angular 中清理下拉列表

选择数组angular 7 safari第一个索引的下拉值默认值

Angular 11 选择了第一个选项

为什么在 angular 9 应用程序的选择中选择第一个值后出现必需的错误?