/Javascript/AngularJS/Angularjs dropdown

Angularjs dropdown

 <select ng-options="v.name for v in variants | filter:{type:2}" ng-change="calculateServicesSubTotal(item)"
ng-model="item.selectedVariant" ng-show="item.id==8" name="posterVariants"
ng-required="item.id==8 && item.quantity > 0" class="ng-pristine ng-valid ng-valid-required">
    <option value="?" selected="selected"></option>
    <option value="0">set of 6 traits</option>
    <option value="1">5 complete sets</option>
</select>

Source: stackoverflow.com

Angular material dropdown menu

<mat-menu #animals="matMenu">
  <button mat-menu-item [matMenuTriggerFor]="vertebrates">Vertebrates</button>
  <button mat-menu-item [matMenuTriggerFor]="invertebrates">Invertebrates</button>
</mat-menu>

<mat-menu #vertebrates="matMenu">
  <button mat-menu-item [matMenuTriggerFor]="fish">Fishes</button>
  <button mat-menu-item [matMenuTriggerFor]="amphibians">Amphibians</button>
  <button mat-menu-item [matMenuTriggerFor]="reptiles">Reptiles</button>
  <button mat-menu-item>Birds</button>
  <button mat-menu-item>Mammals</button>
</mat-menu>

Source: material.angular.io

Similar codes

0 vote213 views1 answer
How to pass data in body of delete request angular
Javascript AngularJS
2 votes157 views2 answers
Placeholder in angular 9 select with working required
Javascript AngularJS
0 vote199 views1 answer
Acheck angular version
Javascript AngularJS
0 vote195 views1 answer
GetFullYear within moment in angular
Javascript AngularJS
0 vote187 views1 answer
Angular 9 dockerfile
Javascript AngularJS
0 vote232 views1 answer
Fontawesome icon size 1.5 angular
Javascript AngularJS
0 vote285 views1 answer
How to angular html ts function
Javascript AngularJS
0 vote182 views1 answer
How to use buffer in angular by using browserify
Javascript AngularJS
0 vote323 views1 answer
How to import all material module in angular
Javascript AngularJS
1 vote214 views4 answers
Get rid of white space around Angular Material modal dialog
Javascript AngularJS