ngModel的角度选择默认值不适用于选择元素,但适用于另一个

时间:2018-10-22 09:07:15

标签: angular ngmodel

这为什么起作用:

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";

与其基本相同

2 个答案:

答案 0 :(得分: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将值与[,]

一起使用

答案 1 :(得分:0)

 <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>