Menu Arbre angulaire

Question

En travaillant avec angularjs, j'essaie le plugin Angular Treeview. Mais quand je l'essaie sur mon environnement local, cela ne fonctionne pas. Je ne sais pas comment le réparer.

<div ng-app="myApp"> 
    <div ng-controller="myController"> 

    <div> 
     <input type="button" value="TREE MODEL 1" data-ng-click="roleList = roleList1" /> <input type="button" value="TREE MODEL 2" data-ng-click="roleList = roleList2" /> 
    </div> 

    <div style="margin:10px 0 30px 0; padding:10px; background-color:#EEEEEE; border-radius:5px; font:12px Tahoma;"> 
     <span><b>Selected Node</b> : {{currentNode.roleName}}</span> 
    </div> 

    <div 
     data-angular-treeview="true" 
     data-tree-model="roleList" 
     data-node-id="roleId" 
     data-node-label="roleName" 
     data-node-children="children" > 
    </div> 

    </div> 
</div> 

et a appelé le script angular.treeview.js & fichier angular.treeview.css ..

Je reçois cette erreur dans ma console dev locale:

CONSOLE has ReferenceError: angular is not defined })(angular);

Answer 1

Votre question est comment vous chargez ce script - Je recommande de suivre la méthode d'installation suggérée par treeviews. Donc chargez tous les scripts - dans ce cas vous auriez des copies de leurs fichiers css et js localement - et remplacez la référence angulaire par quelque chose que vous chargiez (CDN ou localement ou autre).

Ceci est probablement dans votre tête -

<script type="text/javascript" src="YourAngularScript.js"></script> 
<script type="text/javascript" src="/angular.treeview.js"></script> 
<link rel="stylesheet" type="text/css" href="css/angular.treeview.css"> 

Avis est chargé angulaire premier. Ensuite, lorsque vous créez votre module d'application angulaire (ou quel que soit le module utilise cela comme une dépendance), l'ajouter comme une dépendance à ce module d'application comme ceci:

angular.module('myApp', ['angularTreeview']); 

Assurez-vous de remplacer les références de script qui sont utilisés ici avec des références aux vrais scripts/fichiers CSS.

Votre erreur CONSOLE has ReferenceError: angular is not defined })(angular); est le script treeview qui n'a pas encore de référence pour angulaire.