Angularjs 在js中路由页面

致力于简单的测试应用程序， 这让我非常愤怒，为什么它不在页面上布线 对我来说，似乎一切都很好，但我看不到关于页面和联系页面

<ul class="nav navbar-nav navbar-right">
  <li><a href="#"> Home</a></li>
  <li><a href="#about">About</a></li>
  <li><a href="#contact">Contact</a></li>
</ul>
<div id="main">
  <div ng-view></div>
</div>
<script src="/node_modules/angular/angular.js"></script>
<script src="/node_modules/angular-route/angular-route.js"></script>
<script src="js/app.min.js"></script>

---

我缺少的内容。

您缺少

标记中的
/
。应该是这样的：

<li><a href="#/about">About</a></li>
<li><a href="#/contact">Contact</a></li>




更新

包括
$locationProvider.hashPrefix（“”）
到您的
app.config
。
这是一张工作票
可以这样做

Html

<button type="button" class="btn btn-default" ng-click="goto('main')">Main</button>

单击ng调用一个函数，然后在函数中使用$state.go（）。@faisal是否可以尝试使用href=“#！yoururl”例如“#！about”幸运的是，我的代码与此相同，但我肯定缺少一些东西，即它不起作用。inlcude
$locationProvider.hashPrefix（“”）
到您的
app.config
。我更新了答案，并确保您使用的是指令
ng app
yes，这是由于angular 1.6更新$locationProvider.hashPrefix（“”）；此修复问题
<button type="button" class="btn btn-default" ng-click="goto('main')">Main</button>

$scope.goto = function(pState){
   $state.go(pState);
}