Angular快速入门1---引导篇

Angular入门

1.简介

AngularJS是一个基于MVC处理模式，实现了MVVM数据双向绑定的用于开发动态web项目的框架。以其数据和展现分离、MVVM、MVC、DI等强大的特性活跃于前段开发市场，是前段敏捷开发使用的主流的必须掌握的框架之一。
AngularJS是前后端分离软件架构模型下，前端业务处理的解决方案！ AngularJS是web应用前端的一个完整的解决方案，框架不仅提供了优雅的DOM操作和基于Ajax的数据交互技术，同时进行了良好的结构整理和常规的业务逻辑处理的封装，使得Angular构建的应用能够灵活的适应不同的项目场景。

2.基本语法结构

开始深入学习AngularJS之前，先简单认识AngularJS中的各个部分都是怎么定义和使用的，方便解决后续学习构成中的一些困扰。

2-1ng-app

Angular应用运行的入口指令，常规情况下，是写在我们前端项目的入口文件的跟标签上的，用于在项目启动的时候引导Angular应用

2-2angular.module(..)

Angular是通过模块来管理我们前端项目中的数据的，通常情况下一个项目中会包含各种各样的数据，如管理员、会员、商品列表、商品、新闻列表、新闻、公告等等
模块时需要在应用启动的时候就需要加载的，所以Angular在设计的过程中对于入口指令进行了改造可以绑定一个值，这个值就是系统的主模块

2-3基本指令

指令是Angular中使用比较多的一个部分，Angular中的内置指令都是ng-开头的一种特殊的语法结构，如:ng-app等，常见的基本指令如下：
ng-app=”myApp”:程序运行的入口，通过名称绑定一个模块
ng-init:用于在程序运行的过程中，初始化一些变量的数据的操作
ng-model=”param”:数据绑定的指令，主要用于表单元素上的数据绑定
ng-bind:数据绑定的指令，用于将变量的数据显示到页面上，用于替代mustache语法的
ng-controller:控制器指令，用于在页面中指定控制器作用范围，通常作为属性出现
ng-[event]:事件指令，用于在页面中发生某些事件时调用指令的函数

2-4基本语法

var app = angular.module(“name”, []):用于定义一个angular的模块
name是模块的名称
[]中可以添加其他的模块
app.controller(“name”, function() {}):用于定义一个angular的控制器
name是控制器的名称
function(){}是这个控制器要处理功能的函数

2-5$scope作用域

scope是放在控制器函数中的一个参数。这个参数不需要传值，而是angular自动赋值在操作的过程中scope就相当于一个容器，可以在scope上声明变量或者函数，scope上的变量和函数会自动和视图页面中的变量进行绑定，称为$scope挂载数据。