AngularJS1.X学习笔记6

发布时间：2017-04-02 00:00:15

经过一番艰苦卓绝的鏖战，我终于来到了控制器和作用域部分。控制器作为MVC的C，其重要性不可谓不重要；作用域决定了你可以拿到哪些东西，亦是分外重要。现在就来学习一下两个东西。去看看$apply,$watch,$broadcast是个什么鬼。一、谈谈MVC　　阮一峰老师说Angula ...

　　经过一番艰苦卓绝的鏖战，我终于来到了控制器和作用域部分。控制器作为MVC的C，其重要性不可谓不重要；作用域决定了你可以拿到哪些东西，亦是分外重要。现在就来学习一下两个东西。去看看$apply,$watch,$broadcast是个什么鬼。

一、谈谈MVC

　　阮一峰老师说Angular是一个叫MVVM的模式（http://www.ruanyifeng.com/blog/2015/02/mvcmvp_mvvm.html），而自由男人说这是一个MVC框架，个人认为都差不多，目标都是分层，便于协作和维护，这个跟我们的计算机网络的分层思想差不多（可以参看http://www.cnblogs.com/floor/p/6649424.html）。下面还是按照MVC的观点看看Angular。

　　ThinkPHP是一个服务端MVC框架，他的视图就是我们前端的一切东西，控制器是从模型拿数据放到视图，或者从视图拿数据，交给模型，控制器是不直接与数据库打交道的，与数据库相关的操作就是模型的作用，我们在控制器调用M()方法就拿到了一个表对应的模型。

　　前端MVC则有不同，对Angular 而言，controller（）方法构建的就是控制器，$scope上的东西就可以理解为模型，他们一般是调用后端接口拿到的，视图就是你看到的东西。

二、单一控制器

　　这是最简单的控制器应用形式，特点是控制器与视图一一对应，无需考虑作用域之间的通信问题。缺点是随着项目复杂度的增加可能变得难以维护。

<!DOCTYPE html><html lang="en" ng-app='myApp'><head>  <meta charset="UTF-8">  <title>single controller</title></head><body>  <div ng-controller='dayCtrl'>    <div>      <h3>singleController</h3>    </div>    <h4>Today is {{day || "(不晓得)"}}</h4>  </div>    <script type="text/javascript" src='/images/loading.gif' data-original="../node_modules/angular/angular.min.js"></script>  <script type="text/javascript">    var myApp = angular.module("myApp",[]);    myApp.controller('dayCtrl',function($scope){      var dayNames = ['星期日','星期一','星期二','星期三','星期四','星期五','星期六'];      $scope.day = dayNames[new Date().getDay()];    })  </script></body></html>

海外公司注册、海外银行开户、跨境平台代入驻、VAT、EPR等知识和在线办理：https://www.xlkjsw.com