Question

我有一个下拉字段，如果我点击汽车，它必须显示＆＃34; car＆＃34;使用angular2标题旁边。任何人都可以帮我解决这个问题。

HTML：

<h1>Heading <span *ngFor= "let apps of apps">({{apps.name}})</span></h1>
       <div class="form-group">
        <select class="box">
         <option *ngFor= "let apps of apps" >{{apps.name}}</option>
        </select>  
        </div>

TS：

this.apps = [
        { "name": "car" },
        { "name": "bike" }
   ];

Answer 1

<h1> Heading {{appName}}</h1>
<select type="number" [(ngModel)]="appName" >
  <option *ngFor="let app of apps" [ngValue]="app.name">{{app.name}}</option>
</select>

选中此Demo

Answer 2

PFB TS更改

NUMBER(1,0)

PFB HTML更改

Char

如何使用angular2和typescript使选定的下拉值显示在更改的标题上

2 个答案: