Question

我正在尝试使用角度js的代码，但不确定我哪里出错了。我已经包含了ui-router和所有必需的细节。州是为商业和我们定义的。需要帮助才能找到问题。

  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>

根据我的理解，代码是正确的，但不确定错误的位置。

Answer 1

删除＆＃39;。＆＃39; ui-sref中的前缀

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

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

ui路由器无法正常工作

1 个答案: