angular中路由和路由参数

路由

• 根据url中不同的锚点值，在页面显示不同的内容！

路由使用

    // 1.创建模块
    var app = angular.module('myApp', ['ngRoute'])

    // 2.配置路由规则(约定什么样的锚点值，对应什么样的内容)
    // 第一个参数与controller第二个参数类似
    app.config(['$routeProvider',function($routeProvider){
      
      // 第一个参数：对应的url中锚点值
      // 当angular检测到url中锚点变为/ali里，
    //就会把template对应的内容插入到页面拥有ng-view指令的标签中
      $routeProvider.when('/ali',{
        template:'
阿里在二楼!
',

        // 指定一个控制器的名字,
        // 当前url中锚点值为/ali时就会执行控制器中的回调函数
        // 我们可以直接在template/templateUrl对应的模板中使用该
     //控制器中对应的$scope属性值
        controller:'demoController'
        //templateUrl
      })
      .when('/baidu',{
        template:'
百度在1楼
'
      })
    }])

路由完整代码

路由参数

• 在原有规则中可以加冒号:,
• 表示:号后的内容是可以变的(但是必须要有)
  • 如果加上问号，就能够匹配到了
• 在控制器中可以通过$routeParams得到myname对应的值

    $routeProvider.when('/company/:myname？')

    //  
       

    
          
        
          
          
          

otherwise

• 当不匹配when方法对应的规则时，就会匹配otherwise对应的规则

webapi

• I/O
• // url

api

• console.log('小明') //小明
• I/O docuemnt.getGetElementById('')

豆瓣API

• ng-src 指令: 用来取代src

$http

• 发请求

    http.get('./in_theaters/data.json')
      .then(function(res){
        // 成功的回调函数
        // console.log(res.data)
        $scope.data = res.data
      })