element.bootstrapDualListbox is not a function about angular-bootstrap-duallistbox

[frapontillo]

You also need to include all bootstrap-duallistbox dependencies in your index.html, they will get automatically picked up by bower, but you still need to reference them.

[LuisEstebanArango]

I have this error:

TypeError: element.bootstrapDualListbox is not a function
    at init (bsDuallistbox.js:173)
    at initMaybe (bsDuallistbox.js:159)
    at bsDuallistbox.js:117
    at Scope.$digest (angular.js:16664)
    at Scope.$apply (angular.js:16928)
    at done (angular.js:11266)
    at completeRequest (angular.js:11464)
    at XMLHttpRequest.requestLoaded (angular.js:11405)

I added all bootstrap-duallistbox dependencies and the angular-bootstrap-duallistbox/dist/angular-bootstrap-duallistbox.js in the index.html and does not work. can you help me? thanks

[xolisan]

Hi Luis,

Please make sure if you import the Jquery dependency before angular.js.

Best regards,
Sandro

[LuisEstebanArango]

Thank you Sandro. you're right, that was my error.

[slimshadddyyy]

After jQuery is loaded, then AngularJs, included below

    <script src="assets/js/lib/Angular/angular-duallistbox/angular-bootstrap-duallistbox.js"></script>
    <script src="common/directives/bsDuallistbox/bsDuallistbox.js"></script>

This in angular.module
`'frapontillo.bootstrap-duallistbox'`

Error: element.bootstrapDualListbox is not a function.

What am I missing here ?

[frapontillo]

The right order is jquery, dual list box and only in the end the directive.

[slimshadddyyy]

is not the above same ?

 <script src="assets/plugins/jQuery/jQuery-2.1.4.min.js"></script>
<script src="assets/js/lib/Angular/1.5.5/angular.js"></script>
<script src="assets/js/lib/Angular/angular-duallistbox/angular-bootstrap-duallistbox.js"></script>
        <script src="common/directives/bsDuallistbox/bsDuallistbox.js"></script>

??

[frapontillo]

No, you're putting the directive before the original dual list box

[frapontillo]

Why are you including common/directives/bsDuallistbox/bsDuallistbox.js? You only need to include the full library under dist once.