zoukankan      html  css  js  c++  java
  • AngularJs中url参数的获取

    前言:

      angular获取通过链接形式访问的页面,要获取url中的参数,就不能通过路由的方式传递获取了,使用原生js或者jquery,又显得比较麻烦,好在angular已经封装了获取url参数的方法,而且只需要一行代码搞定,简单粗暴,完胜传统的url截取匹配字符串的方式。

    var para=$location.$$search["para"]

    url中其他参数获取:

    // 带#号的url,看?号的url,见下面  
    url = http://qiaole.sinaapp.com?#name=cccccc  
      
    $location.absUrl();  
    // http://qiaole.sinaapp.com?#name=cccccc  
      
    $location.host();  
    // qiaole.sinaapp.com  
      
    $location.port();  
    // 80  
      
    $location.protocol();  
    // http  
      
    $location.url();  
    // ?#name=cccccc  
      
    // 获取url参数  
    $location.search().name;  
    // or  
    $location.search()['name'];  
      
    // 注:如果是这样的地址:http://qiaole.sinaapp.com?name=cccccc  
      
    var searchApp = angular.module('searchApp', []);  
    searchApp.config(['$locationProvider', function($locationProvider) {  
      $locationProvider.html5Mode(true);  
    }]);  
    searchApp.controller('MainCtrl', ['$scope', '$location', function($scope, $location) {  
      if ($location.search().keyword) {  
        $scope.keyword = $location.search().keyword;  
      }  
    }]);  
  • 相关阅读:
    docker 清理日志文件
    POJ2182 Lost Cows
    POJ3468
    楼兰图腾
    P2024 [NOI2001]食物链
    POJ1733 Parity game
    洛谷P1196 [NOI2002]银河英雄传说
    洛谷P1955 [NOI2015]程序自动分析
    CF 660 C. Uncle Bogdan and Country Happiness
    CF 660A&B
  • 原文地址:https://www.cnblogs.com/xyyt/p/6991837.html
Copyright © 2011-2022 走看看