Angular select ngModel 的默认值不在 select 元素上工作但在另一个元素上工作

Question

为什么有效：

myComponent1.html

    <select  id="BisMonat" class="form-control" [(ngModel)]="currentmonatbis">
    <option [value]="01">Januar</option>
    <option [value]="02">Februar</option>
    <option [value]="03">März</option>
    <option [value]="04">April</option>
    <option [value]="05">Mai</option>
    <option [value]="06">Juni</option>
    <option [value]="07">Juli</option>
    <option [value]="08">August</option>
    <option [value]="09">September</option>
    <option [value]="10">Oktober</option>
    <option [value]="11">November</option>
    <option [value]="12">Dezember</option>
    </select>

myComponent1.ts:

export class myComponent1 implements OnInit
{
  currentmonatbis: number = new Date().getMonth()+1;

但这不起作用：

myComponent2.html:

 <select  id="Weltanschauung" class="form-control" [(ngModel)]="weltanschauung">
  <option [value]="westlich">Westlich</option>
  <option [value]="koscher">Koscher</option>
  <option [value]="halal">Halāl</option>
  <option [value]="vegetarisch">Vegetarisch</option>
  <option [value]="vegan">Vegan</option>
</select>

myComponent2.ts:

export class myComponent2.ts implements OnInit
{
  weltanschauung: string = "koscher";

喜欢基本一样??

Answer 1

当您使用 [value]="westlich" 时，编译器正在搜索一个名为 "westlich" 的变量，但没有这样的变量。使用这个：

 <select  id="Weltanschauung" class="form-control" [(ngModel)]="weltanschauung">
  <option value="westlich">Westlich</option>
  <option value="koscher">Koscher</option>
  <option value="halal">Halāl</option>
  <option value="vegetarisch">Vegetarisch</option>
  <option value="vegan">Vegan</option>
</select>

I.E 使用带有 []

的值

Answer 2

 <select  id="Weltanschauung" class="form-control" [(ngModel)]="weltanschauung">
  <option value="westlich">Westlich</option>
  <option value="koscher">Koscher</option>
  <option value="halal">Halāl</option>
  <option value="vegetarisch">Vegetarisch</option>
  <option value="vegan">Vegan</option>
</select>

Angular select ngModel 的默认值不在 select 元素上工作但在另一个元素上工作

Angular select default value with ngModel not working on a select element but working on another

ngmodel

angular