Angularjs - Dropdown multiselect

Question

I am trying to add an AngularJS multi select drop down by following http://dotansimha.github.io/angularjs-dropdown-multiselect/#/

But I am not able to get it..

Here is my Plunker code

http://plnkr.co/edit/7EV9Fc?p=preview

HTML:-

<!DOCTYPE html>
<html>

  <head>
    <link rel="stylesheet" href="style.css">
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.4/angular.min.js"></script>
    <script src="https://github.com/dotansimha/angularjs-dropdown-multiselect/blob/master/src/angularjs-dropdown-multiselect.js"> </script>
    <script src="https://github.com/lodash/lodash/blob/master/dist/lodash.js"></script>
    <script src="script.js"></script>
  </head>

<body ng-app="jayApp" ng-controller='jayController'>

Drop down : 
    <div ng-dropdown-multiselect="" options="example1data" selected-model="example1model">

    </div>

</body>

</html>

Javascript

var jayApp = angular.module('jayApp',[]);

jayApp.controller('jayController', function($scope) {

    $scope.example1model = []; 
    $scope.example1data = [ {id: 1, label: "David"}, {id: 2, label: "Jhon"}, {id: 3, label: "Danny"}];
})

MayK · Accepted Answer · 2015-11-17 13:02:05Z

4

Include the module in angular (i.e. in app.js) - angularjs-dropdown-multiselect

answered Nov 17, 2015 at 13:02

MayK

1,3291 gold badge10 silver badges25 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Amir · Accepted Answer · 2015-11-17 13:03:43Z

1

The GitHub JS files you are referencing are not the actual JS files but the web page that shows the GitHub view of the JS file. You need to include the actual JS files.

Edit: Example:

https://github.com/dotansimha/angularjs-dropdown-multiselect/blob/master/src/angularjs-dropdown-multiselect.js

vs.

https://raw.githubusercontent.com/dotansimha/angularjs-dropdown-multiselect/master/src/angularjs-dropdown-multiselect.js

answered Nov 17, 2015 at 13:03

Amir

2,2777 gold badges35 silver badges48 bronze badges

Comments

Dois · Accepted Answer · 2022-01-20 11:54:05Z

0

var myApp = angular.module("yourAppName", [ "angularjs-dropdown-multiselect" ])

You need to register the module to your app.

Your path to the script was also wrong (as mentioned by another user).

I know this is 4 years too late, but hopefully this helps anyone else still using the ancient AngularJS.

answered Jan 20, 2022 at 11:54

Dois

8512 gold badges16 silver badges27 bronze badges

Collectives™ on Stack Overflow

Angularjs - Dropdown multiselect

3 Answers 3

Comments

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Related