ng-options with multiple select/Checkbox

2.6k Views Asked by Amit Tanwar At 19 October 2024 at 21:43

Is it possible to select multiple options from ng-options or have ng-options values as check boxes? If possible can someone give me an example please?

Original Q&A

There are 1 best solutions below

John Kane On 26 February 2018 at 18:38 BEST ANSWER

To create a multiple select just add multiple to your select tag

<!DOCTYPE html>
<html lang="en">
    <head>
       <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>
       <script type="text/javascript">
           var app=angular.module("myApp", []);
   
           app.controller(
               "myCtrl", 
                    function($scope){
                        $scope.values=[
                            {value:"0", text:"zero"},
                            {value:"1", text:"one"},
                            {value:"2", text:"two"}
                        ];
                    }
               );
   
    </script>
    </head>
    <body>
        <div ng-app="myApp" ng-controller="myCtrl">
            <div>Choose:</div>
            <select name="choose" ng-model="choose" multiple>
                <option ng-repeat="x in values" value="{{x.value}}">{{x.text}}</option>
            </select>
        </div>
    </body>
</html>

ng-options with multiple select/Checkbox

There are 1 best solutions below

Related Questions in HTML

Related Questions in ANGULARJS

Related Questions in SELECT

Related Questions in ANGULARJS-NG-OPTIONS

Related Questions in NG-MODAL

Trending Questions

Popular # Hahtags

Popular Questions