2017-09-24 106 views
-1

我使用那些lib中angualrJs:版本UI路由器PARAMS attribut的angularjs

<script src="https://code.angularjs.org/1.5.1/angular.js"></script> 
    <script src="https://code.angularjs.org/1.5.1/angular-route.js"></script> 
    <script src="https://code.angularjs.org/1.5.1/angular-resource.js"></script> 
    <script src="https://code.angularjs.org/1.5.1/angular-messages.js"></script> 
    <script src="https://code.angularjs.org/1.5.1/angular-message-format.js"></script> 

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


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

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

    <script src="//cdn.jsdelivr.net/angular.bootstrap/0.12.0/ui-bootstrap-tpls.js"></script> 

    <script src="https://cdnjs.cloudflare.com/ajax/libs/angular-translate/2.15.2/angular-translate.js"></script> 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/angular-translate/2.15.2/angular-translate-loader-static-files/angular-translate-loader-static-files.js"></script> 

我想用PARMS在stateProvider attribut,如:

$stateProvider 
.state('home', { 
    url: '/', 
    views: { 
    '': { 
     templateUrl: 'home.html', 
     controller: 'MainRootCtrl' 

    }, 
    }, 
    params: { 
    foo: null, 
    bar: null 
    } 
}) 

,但我得到ALWAYSE錯誤,我可以使用angular-ui-router來獲得這個功能,我使用的是0.2.10版本,因爲它可以與我使用的lib版本的其餘版本兼容。

回答

1

像這樣嘗試:

在腳本標記刪除您的角路線

<script src="https://code.angularjs.org/1.5.1/angular-route.js"></script> 

嘗試TI使用角度-UI-router.js版本0.2.11

集PARAMS像下面

angular 
    .module('myApp', [ 
    'ui.router' 
    ]) 
    .config(function($stateProvider, $urlRouterProvider) { 
    $stateProvider 
     .state('home', { 
     url: '/', 
     templateUrl: 'home.html', 
     controller: 'MainRootCtrl', 
     params: { 
      foo: null 
     } 
     }) 
    }); 
+0

THX爲你的迴應,工作 – selma