ui路由器不工作

问题描述：

我正在尝试以下代码为角js，但不知道我在哪里出错。我已经包含了ui路由器和每个必需的细节。这些州是为商业和我们而定义的。需要帮助来查找问题。ui路由器不工作

var formModule = angular.module("formModule",['ui.router']); 
 

 
formModule.config(['$stateProvider','$urlRouterProvider', 
 
    function ($stateProvider,$urlRouterProvider){ 
 
     $urlRouterProvider.otherwise("/"); 
 
     
 
     $stateProvider 
 
       .state('business',{ 
 
        url: '/business', 
 
        template: 'This is sample template', 
 
       }) 
 
       .state('aboutus', { 
 
        url:'/aboutus', 
 
        template: '<div class="row" ng-controller="aboutUsController"><ul >  <li ng-repeat="director in directors">{{director.name}}</li> </ul></div>', 
 
        controller: 'aboutUsController', 
 
       }); 
 
       
 
    }]); 
 

 

 
formModule.controller('aboutUsController',['$scope', function($scope){ 
 
    $scope.directors = [{name: 'Avdhut Sonpethkar'}, 
 
         {name: 'Sphurti Sonpethkar'}, 
 
         {name: 'Pruthvi Sonpethkar'},];  
 
}]);

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.1/angular.js"></script> 
 

 

 

 
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-router/1.0.3/angular-ui-router.js"></script> 
 

 
<div class="row"> 
 
       <div class="col-sm-12"> 
 
        <ul> 
 
         <li > 
 
          <a ui-sref=".business" >Business</a> 
 
         </li> 
 
         
 
         <li > 
 
          <a ui-sref=".aboutus" >About us</a> 
 
         </li> 
 
         
 
        </ul> 
 
       </div> 
 
      </div> 
 
      <div class="row"> 
 
       <div class="col-sm-12" ui-view> 
 
        
 
       </div> 
 
      </div>

的代码是正确的，因为按我的理解，但不知道从哪里得到它错了。

答

删除'。'前缀UI-SREF

<a ui-sref="business">Business</a>

<a ui-sref="aboutus">About us</a>

ui路由器不工作

相关推荐