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>

的代碼是正確的，因爲按我的理解，但不知道從哪裏得到它錯了。

來源

2017-06-04 Avdhut

刪除'。'前綴UI-SREF

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

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

來源

2017-06-04 14:16:00 CodeWarrior

ui路由器不工作

回答

相關問題