Javascript 角度不工作

Javascript 角度不工作,javascript,angularjs,Javascript,Angularjs,我是新手。只是想复制它来处理节点,但角度传感器不起作用。首先,JSFIDLE混淆了我的应用程序名称,因为应用程序名称不同。第二,它看起来像旧版本。设置应用程序时我做错了什么。模板缺少了什么,或者脚本的顺序不合适 <html> <head> <script src="https://code.angularjs.org/angular-1.0.0rc8.js"></script> <style> ul { li

我是新手。只是想复制它来处理节点,但角度传感器不起作用。首先,JSFIDLE混淆了我的应用程序名称,因为应用程序名称不同。第二,它看起来像旧版本。设置应用程序时我做错了什么。模板缺少了什么,或者脚本的顺序不合适

<html>
<head>

<script src="https://code.angularjs.org/angular-1.0.0rc8.js"></script>

  <style>
    ul {
      list-style: circle;
  }
  li {
      margin-left: 20px;
  }
  </style>


</head>
<body>
  <script type="text/ng-template"  id="tree_item_renderer.html">
      {{data.name}}
      <button ng-click="add(data)">Add node</button>
      <button ng-click="delete(data)" ng-show="data.nodes.length > 0">Delete nodes</button>
      <ul>
          <li ng-repeat="data in data.nodes" ng-include="'tree_item_renderer.html'"></li>
      </ul>
  </script>

  <ul ng-app="Application" ng-controller="TreeController">
      <li ng-repeat="data in tree" ng-include="'tree_item_renderer.html'"></li>
  </ul>
  <script>
  angular.module("myApp", []).
  controller("TreeController", ['$scope', function($scope) {
      $scope.delete = function(data) {
          data.nodes = [];
      };
      $scope.add = function(data) {
          var post = data.nodes.length + 1;
          var newName = data.name + '-' + post;
          data.nodes.push({name: newName,nodes: []});
      };
      $scope.tree = [{name: "Simon", nodes: []}];
  }]);
  </script>
</body>
</html>

保险商实验室{
列表样式:圆形;
}
李{
左边距:20px;
}
{{data.name}
添加节点
删除节点
angular.module(“myApp”,[])。 控制器(“TreeController”['$scope',函数($scope){ $scope.delete=函数(数据){ data.nodes=[]; }; $scope.add=函数(数据){ var post=data.nodes.length+1; var newName=data.name+'-'+post; push({name:newName,nodes:[]}); }; $scope.tree=[{name:“Simon”,节点:[]}]; }]);
ng应用程序
应以模块为目标。尝试
ng app=“myApp”

如果您试图学习angular,您可能希望从angular 2+开始,而不是angularjs(除非您尝试学习angularjs是为了使用它的工作/项目)。我本来打算把它改写成angular2,在我完成之后。angularjs和angular2是非常不同的。Angular2是Angular2的完全重写,angularjs中的许多概念都没有延续到Angular2。但是为了帮助你解决angularjs的问题,我注意到你正在删除angularjs的一个非常非常旧的版本。以下是最新消息来源的链接:我就是这么想的。然而,在小提琴中它可以工作。在小提琴中,模块名称和
ng app
表达式匹配,
angular.module(“应用程序”),[])
ng app=“应用程序”
。可以根据需要选择模块名称。它只需要匹配
ng app
表达式。对不起,我更改了它。当这些匹配时,小提琴实际上不起作用。再见。真奇怪。