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;  
      }  
    }]);  
  • 相关阅读:
    day08
    day07
    day06
    day06
    day05
    第三次作业
    第三次作业
    第二次作业
    java 数字和日期处理
    jsp文件导包
  • 原文地址:https://www.cnblogs.com/xyyt/p/6991837.html
Copyright © 2011-2022 走看看