/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

1 vote123 views1 answer
Drop down listing in angular form
Javascript AngularJS
0 vote133 views1 answer
Styles in angular component
Javascript AngularJS
4 votes133 views2 answers
Angular pipe to capitalize first letter
Javascript AngularJS
17 votes85 views1 answer
Angular delete component full
Javascript AngularJS
43 votes261 views6 answers
Angular check if array is empty
Javascript AngularJS
6 votes129 views4 answers
Angular bootstrap not working
Javascript AngularJS
0 vote132 views1 answer
Angular Failed to make request to https://www.gstatic.com/firebasejs/releases.json
Javascript AngularJS
-1 vote105 views2 answers
Angular form validation date input
Javascript AngularJS
1 vote203 views1 answer
Submit a form on enter angular
Javascript AngularJS
1 vote133 views1 answer
Angularjs round to 2 decimal places input
Javascript AngularJS