角树菜单

Question

使用angularjs，我正在尝试使用Angular Treeview插件。

但是当我在我的本地环境中尝试它时，它不起作用。我不知道如何解决它。

<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>

并称为angular.treeview.js脚本＆amp; angular.treeview.css文件..

我在本地开发控制台中收到此错误：

  

CONSOLE有ReferenceError：angular未定义}）（angular）;

Answer 1

您的问题是如何加载此脚本 - 我建议按照treeviews建议安装方法。因此，加载所有脚本 - 在这种情况下，您将在本地拥有其css和js文件的副本 - 并替换角度引用，但是您要加载它（CDN或本地或其他）。

这可能在你的标题中 -

 <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">

注意首先加载 angular 。然后，当您创建角度应用程序模块（或任何模块将其用作依赖项）时，将其作为依赖项添加到该应用程序模块，如下所示：

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

请确保将此处使用的脚本引用替换为对真实脚本/ css文件的引用。

您的错误CONSOLE has ReferenceError: angular is not defined })( angular );是树视图脚本尚未引用角度。