angular基础介绍

angular的用途：

我们开发一个应用，实际上就是开发页面。angular要在页面上去定义一个应用，使用angular就可以对这个应用进行管理。

核心：以数据与逻辑为核心，指令，双向数据绑定，模块化，依赖注入、

如何定义这个应用：

使用指令 ng-app,也叫属性。angular的指令都是以 ng-开头。

指令一般定义在页面的标签上，可随意将指令定义在任何标签上。如，我们把指令定义在body上，则body里面的部分都可以通过angular进行管理。

angular是如何进行开发的？

angular采用 模块化的方式进行开发，将页面上的一些功能进行管理。

使用模块化开发的好处：

代码解耦，代码复用，方便维护，层次分明

如何将应用转换成模块：

1.module方法

需要依赖的模块必须写，如没有依赖项就是一个空的数组

   
   
var app=angular.module("itcast",[]);

2.app提供的一个方法，controller方法

有两个参数：第一个参数，控制器的名称；

                    第二个参数，一个数组，第二个参数里又有两个参数：参数1，模型$scope, 参数2，函数

    
    
app.controller("appController",["$scope",function($scope){
    $scope.list=[
                            "潘帅",
                            "小旋风",
                            "葱葱葱"
                    ];
       }])

mvc 设置模式

       m --model 代表的是数据，读取数据

       v --view ，视图，html 就是视图，标签就是视图, 视图是负责数据展示

       c --controller，控制器， 用控制器 与视图 进行关联，进行衔接.

        一个页面有多个地方需要展示数据，就对应有多个视图，就对应有多个控制器

那部分模型的数据要展示到那个视图，这个是用控制器进行关联，进行衔接.。

angular 采用mvc 的方式去组织页面上面的代码，把页面上面代码分层三成  m（数据部分）    v （视图部分）   c 控制器

简单的angular 页面mvc 的分层结构

        1：定义一个应用   ng-app，在页面标签中进行定义 ，ng-app 定义一个应用的边界

        2: 应用使用模块化进行管理， var app=angular.module("app",[]);

        3:在页面上面要展示数据，我就需要有标签 视图

        4：视图要展示哪些些数据，视图就需要跟控制器进行关联

        5：我们使用 ng-controller 进行关联， <div ng-controller="appController">

        6：视图要展示哪部分数据，控制器又跟模型进行关联.

         app.controller("appController",["$scope",function(){

            

        }])