代码

<!DOCTYPE html> 
<html lang="en" ng-app="app"> 
<head> 
   <meta charset="UTF-8"> 
   <title></title> 
   <script src="http://apps.bdimg.com/libs/angular.js/1.4.0-beta.4/angular.min.js" type="text/javascript" charset="utf-8"></script> 

</head> 
<body> 
<div ng-controller="myCtrl"> 
   <input type="text" ng-model="msg"/> 
   <div>{{msg}}</div> 
</div> 
<script> 
   var app=angular.module("app",[]) 
   app.controller("myCtrl",function($scope){ 
       $scope.msg="请输入" 
   }) 
</script> 
</body> 
</html> 

M(modle)

M层即为数据层也就是modle上例代码中$scope.msg=”请输入”这个就是一个modle层

这个msg也是modle层 因为angularJS为双向数据绑定当输入框的文字变化,下面的div文字也会变化

V(view)

V层即为视图层.

C(controller)

C层即为控制层myCtrl就是一个控制器用来控制数据的交换