AngularJS 定義參數(shù)

2018-07-26 17:28 更新

在作路由定義時,可以匹配一個規(guī)則,規(guī)則中可以定義路徑中的某些部分作為參數(shù)之用,然后使用 $routeParams 服務(wù)獲取到指定參數(shù)。比如 /#/book/test 中,     作為參數(shù)傳入到 controller 中:

<div ng-view></div>


<script type="text/javascript">

angular.module('ngView', [],
  function($routeProvider){
    $routeProvider.when('/book/:title',
      {
        template: '{{ title }}',
        controller: function($scope, $routeParams){
          $scope.title = $routeParams.title;
        }
      }
    );
  }
);

</script>

訪問: /#/book/test

不需要預(yù)定義模式,也可以像普通 GET 請求那樣獲取到相關(guān)參數(shù):

angular.module('ngView', [],
  function($routeProvider){
    $routeProvider.when('/book',
      {
        template: '{{ title }}',
        controller: function($scope, $routeParams){
          $scope.title = $routeParams.title;
        }
      }
    );
  }
);

訪問: /#/book?title=test


以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號