2017-06-04 10 views
0

私は角度jのコードを試していますが、どこが間違っているのかわかりません。 私はui-routerと必要なすべての詳細を含んでいます。状態はビジネスと私たちについて定義されています。問題を見つけるのに助けが必要です。 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>

コードは、私の理解あたりとして正しいですが、それは間違って取得場所がわからない

答えて

2

「。」を削除します。 UI-SREFで接頭

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

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

関連する問題