頁面路由不能在角色JS

我想在Angular JS中實現頁面路由，但它不在這裏工作。頁面路由不能在角色JS

這裏是代碼：

var app = angular.module('myApp', ['ngRoute']); 
app.config(function ($routeProvider) { 
    debugger; 
    $routeProvider 
     .when('/home', { 
      templateUrl: 'EmployeeHome.aspx', 
      controller: 'EmpCtrl' 
     }) 
     .when('/about', { 
      templateUrl: 'ContactUs.html', 
      controller: 'EmpCtrl' 
     }) 
     .when('/contact', { 
      templateUrl: 'About.html', 
      controller: 'EmpCtrl' 
     }) 
     .otherwise({ 
      redirectTo: '/home' 
     }); 
}); 

    app.controller('EmpCtrl', function ($scope, $http) 
    { 
    $scope.message = "Welcome friends."; 
    }

這是我的UI 頁EmployeeHome.aspx-

<head runat="server"> 
    <title></title> 
    <script src="Scripts/angular.js"></script> 
    <script src="Scripts/jquery-1.8.3.min.js"></script> 
    <script src="Scripts/angular-route.min.js"></script> 
    <script src="script.js"></script> 
</head> 
<header> 
     <ul class="nav navbar-nav navbar-right"> 
      <li><a href="#"><i class="fa fa-home"></i>Home</a></li> 
      <li><a href="#about"><i class="fa fa-shield"></i>About Us</a></li> 
      <li><a href="#contact"><i class="fa fa-comment"></i>Contact Us</a></li> 
     </ul> 
    </header>

來源

2016-05-31 Ritesh Gupta

您是否在您的html標記中添加了ng-app =「myApp」 –

是的，我當然可以 –

您在javascript控制檯中看到任何錯誤消息嗎？ –

我覺得你在所有的href忘了 '/'。所以，這樣的事情應該工作：

<li><a href="#"><i class="fa fa-home"></i>Home</a></li> 
<li><a href="#/about"><i class="fa fa-shield"></i>About Us</a></li> 
<li><a href="#/contact"><i class="fa fa-comment"></i>Contact Us</a></li>

來源

2016-05-31 13:29:53 Walfrat

我已經試過用'/'但結果相同 –

沒有任何人發現它的解決方案？ –

@RiteshGupta我看不到任何標籤'ng-app =「myApp」'這是正常的嗎？ – Walfrat

很難說沒有可運行的例子，我不記得，如果它現在需要的，但是我通過「$ routeProvider」和功能是這樣的：

angular.module('staffApp').config(['$routeProvider', 
    function($routeProvider) { 
     $routeProvider. 
     when('/home', { 
       templateUrl: 'EmployeeHome.aspx', 
       controller: 'EmpCtrl' 
     }). 
    ...

來源

2016-05-31 15:19:17

頁面路由不能在角色JS

回答

相關問題