1. Description of the problem:
Option Ng-repeat multiple blank entries
2. Solution:
Html:
<ion-view hide-nav-bar= "true" > <ion-content> <div class= "list card" > <div> <label class= "Item item-input item-select" > <div class= "Input-label" > <span> scheduling type </span> </div> <select ng-change= "selectaction ()" ng-model= "Selectedtype.value" ng-init= "Selectedtype.value =" " > <option value=" ">--Please select--</option> < Option ng-repeat= "item in Workarrangetypes" value= "{{item.value}}" >{{item.name}}</option > </select> </label> </div> <div class= "Item" > <button Style= "width:100%;" class= "button button-positive" ng-click= "Submitwork ()" > Submit schedule work </button> </div > </div> </ion-content></ion-view>
Js:
/************************************** Regional Management *************************************/.controller (' Regionalmanagectrl ', [' $scope ', function ($scope) { /*** test ***/ $scope. Selectedtype = {value:1};//default value $ Scope.workarrangetypes = [ {name: ' community service ', value:1}, {name: ' Education learning ', value:2}, {name: ' Thought Report ', value:3}, Scope.selectaction = function () { console.log ($scope. Selectedtype.value);//5 } /** * Submission of organization of work * /$scope. submitwork = function () { console.log ($scope. Selectedtype);//{Value:5}} ])
3.
Angularjs dropdown box Select option Default Value