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

2 votes174 views1 answer
Number dropdown html
Html
0 vote185 views1 answer
Capturing input value alpine js
Html
5 votes245 views4 answers
Javascript check if input is empty
Html
21 votes192 views4 answers
HTML5 Template
Html
33 votes186 views5 answers
Input type file accept only images
Html
117 votes174 views3 answers
Html open things in new tab
Html
0 vote188 views1 answer
How to add background video in html
Html
0 vote206 views1 answer
Html click on link to open text message
Html
21 votes203 views1 answer
Media screen meta tag
Html
0 vote181 views3 answers
Javascript get custom attribute value from element
Html