AngularJS:ng视图指令不工作

我现在正在学习AngularJS，我正在做一个简单的web应用程序，包括使用ng view指令。但是当我试着运行我的代码时，我的Chrome浏览器上什么也没有出现，就好像ng视图没有真正工作一样。我的index.html文件如下所示：

路线样本
示例布线| ng视图指令




var app=angular.module（'routeApp'，['ngRoute']）；
app.config（['$routeProvider'，函数（$routeProvider）{
$routeProvider
.当（“/角度”{
templateUrl:'angular.html'，
控制器：“AngularCtrl”，
})
.when（“/Node”{
templateUrl:'node.html'，
控制器：“NodeCtrl”，
});
}]);
应用控制器（'AngularCtrl'，函数（$scope）{
$scope.tutorial=[
{Name:“Controllers”，Description:“Controllers in action”}，
{名称：“模型”，说明：“模型和绑定数据”}，
{名称：“指令”，说明：“指令的灵活性”}
]
});
应用控制器（'NodeCtrl'，函数（$scope）{
$scope.tutorial=[
{名称：“承诺”，描述：“承诺的力量”}，
{Name:“Event”，Description:“Event of Node.js”}，
{Name:“Modules”，Description:“Node.js中的模块”}
]
});

加载angular后，需要调用angular route reference，将引用顺序更改为

<script src="https://code.angularjs.org/1.6.9/angular.min.js"></script>
<script src="https://code.angularjs.org/1.6.9/angular-route.js"></script>

编辑

应该是参考资料的问题。检查下面的一个

  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js">
  </script>
  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular-
route.js"></script>

编辑：

---

我们可以通过聊天解决这个问题，解决方案是清除缓存并通过xampp运行应用程序，因为当您通过浏览器访问时，它无法加载模板

您需要在AngularJS之后引用ngRoute模块脚本。简单地交换它们

此外，您使用的是AngularJS 1.6.X，它在URL中具有不同的哈希值。您需要将

href

从

#

更改为

#

以下是一个工作示例：


var-app=angular.module（'routeApp'，['ngRoute']）；
app.config（['$routeProvider'，函数（$routeProvider）{
$routeProvider
.当（“/角度”{
templateUrl:'angular.html'，
控制器：“AngularCtrl”，
})
.when（“/Node”{
templateUrl:'node.html'，
控制器：“NodeCtrl”，
});
}]);
应用控制器（'AngularCtrl'，函数（$scope）{
$scope.tutorial=[{
名称：“控制器”，
描述：“控制器正在运行”
},
{
名称：“模型”，
描述：“模型和绑定数据”
},
{
名称：“指令”，
说明：“指令的灵活性”
}
]
});
应用控制器（'NodeCtrl'，函数（$scope）{
$scope.tutorial=[{
名称：“承诺”，
描述：“承诺的力量”
},
{
名称：“活动”，
Description:“Node.js事件”
},
{
名称：“模块”，
Description:“Node.js中的模块”
}
]
});

路线样本
示例布线| ng视图指令




有棱角的

课程：{{ptutor.Name}-{{ptutor.Description}

节点

课程：{{ptutor.Name}-{{ptutor.Description}

使用sublime中的npm（节点包管理器）安装http服务器包。
然后，您可以重新启动web服务器，它将启动您的应用程序

npm安装-ghttp服务器

脚本下package.json文件中的以下配置：

"start": "http-server -a localhost -p 8000 -c-1"

然后从项目的根目录运行以下命令：

Command : npm start (from root of project)

我已经换了，但还是不工作。我无法在Chromeyeah上查看它，它在plunker中工作，但在我的本地html中不工作。怎么会？呼呼，我还是很困惑。我用的是升华文本3，顺便说一下，改变参考文献，这不是升华的问题，我已经改变了，但问题仍然是一样的，Hhuhuhats先生，很奇怪，你能重复一下吗check@natnat这是一个有效的例子，所以问题就在你这边。尝试检查控制台中的任何错误（F12或Ctrl+Shift+J）。另外，您是否在本地服务器上运行代码？我相信ngRoute需要这一点谢谢您的解决方案。是的，它确实起作用了。它在plunker中起作用。我试图复制您在本地html中提供的答案，但没有成功。我仍然无法在我的Chrome浏览器中看到路由页面。顺便问一下，我用的是升华，为什么这不适用于升华？但它在Plunker？sublime中运行良好，只是一个文本编辑器。您需要一个本地服务器来在浏览器中运行代码。试着做一些简单的事情，比如。如果发现问题，请将其标记为正确useful@natnat您可以使用括号编辑器，也可以安装npm live server