页面路由不能在角色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>

您是否在您的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>

我已经试过用'/'但结果相同 –

没有任何人发现它的解决方案？ –

@RiteshGupta我看不到任何标签'ng-app =“myApp”'这是正常的吗？ – Walfrat

答

很难说没有可运行的例子，我不记得，如果它现在需要的，但是我通过“$ routeProvider”和功能是这样的：

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

页面路由不能在角色JS

相关推荐