Angular1 笔记

原创于 2017-08-02 09:27:29 发布 · 244 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#笔记

笔记专栏收录该内容

4 篇文章

订阅专栏

本文介绍AngularJS的基础用法，包括如何使用指令进行数据循环展示、控制器的定义与使用，以及如何通过$http服务发送HTTP请求获取数据。

Angular

语法

/*循环用法，变量引用*/
<li ng-repeat="phone in phones">
      <span>{{phone.name}}</span>
      <p>{{phone.snippet}}</p>
    </li>

控制器

//控制器绑定
<body ng-controller="PhoneListController">
...
</body>
//控制器的使用
// 声明根模块
 angular.module('phonecatApp', []);

// 使用HTML声明好的模块,利用$scope来引用、赋值变量
phonecatApp.controller('PhoneListController', function PhoneListController($scope) {
    $scope.phones=[...];
    ...

http请求

function PhoneListController([$scope,] $http,[$routeParams]) {//全局变量引用、http请求、路由请求变量
    $http.get('phones/phones.json').then(function(response) {
        self.phones = response.data;
      });
...
}