Question

我正在尝试使用angualrjs + ngRoute创建一个简单的视图。

为什么它对我不起作用？它只显示主页，当我按下联系人没有任何变化，它留在主页为什么？我的路由器 `

angular.module('appRoute', ['ngRoute'])

.config(function($routeProvider) {
  $routeProvider
  .when('/', {
    templateUrl : 'views/pages/home.html'
  })
  .when('/contact' , {
    templateUrl : 'views/pages/contact.html'
  });
});`

app.js

' angular.module('UserApp', ['appRoute']);'

index.html “

<div id="navbar" class="navbar-collapse collapse">
          <ul class="nav navbar-nav">
            <li class="active"><a href="#/">Home</a></li>
            <li><a href="#/contact">contact</a></li>
            <li><a href="#findjob">Find Job</a></li>

          </ul>
</div>

      <div ng-view>    
      </div>
</div>'

Answer 1

我解决了这个问题通过将路由器代码更改为： angular.module（＆＃34; appRoutes＆＃34;，[＆＃39; ngRoute＆＃39;]）

DataBind

在index.html中添加

.config(function($routeProvider, $locationProvider){

   $routeProvider.when('/',{
      templateUrl: 'app/views/pages/home.html'
   })
.when('/contact' , {
   templateUrl: 'app/views/pages/contact.html'
})
.otherwise({
   redirectTo: '/'
});
$locationProvider.html5Mode({
 enabled: true, 
 requireBase: false
  });
});

并从

中删除＃

 <head>
<base href="/">

ngview仅显示主页

1 个答案: