Ngfor in select

Ngfor select angular

<select [(ngModel)]="passenger.Title">
    <option *ngFor="let title of titleArray" [value]="title.Value">
      {{title.Text}}
    </option>
</select>

Source: stackoverflow.com

Ngfor in select

//angular<select [(ngModel)]="passenger.Title">
    <option *ngFor="let title of titleArray" [value]="title.Value">
      {{title.Text}}
    </option>
</select>

Select with ngFor on option and ul

<div>
    <ul *ngFor="let sentence of sentences;let i = index;" class="collection">
        <li class="collection-item">
            <p [ngClass]="{'red': sentence?.disco == 1 , 'green': sentence?.disco == 2 }">{{sentence.viewValue}} </p>
            <p style="margin-left:20px; font-size:12px!important">
                <select #val (change)="onChange(val.value,i)">
            <option *ngFor="let cat of foods" [value]="cat.value" >
            {{cat.viewValue}}
            </option>
            </select>
         </p>
      </li>
   </ul>
</div>

Source: stackoverflow.com

Similar codes

0 vote114 views1 answer
Html acesskey
Html
14 votes135 views2 answers
Accordion
Html
2 votes120 views1 answer
Vuejs v-for key value
Html
0 vote140 views1 answer
Html two classes in one element
Html
1 vote136 views1 answer
Html if en change to ltr
Html
0 vote123 views1 answer
Uncaught TypeError: Cannot read properties of null (reading 'value') at HTMLButtonElement.<anonymous> (index.js:15) (anonymous) @ index.js:15
Html
0 vote119 views1 answer
Free diamonds geometry dash
Html
1 vote116 views1 answer
Git 443 operation timed out
Html
9 votes120 views3 answers
Send html file express
Html
65 votes123 views3 answers
Buton html href
Html