AngularJs是一款优秀的前端JS框架,有着诸多特性,最为核心的是:MVC、模块化、自动化双向数据绑定、语义化标签、依赖注入等。
MVC全名Model View Controller(模型-视图-控制器)的缩写。
Model(模型)是应用程序中用于处理应用程序数据逻辑的部分;
通常模型对象负责在数据库中存取数据;
View(视图)是应用程序中处理数据显示的部分;
通常视图是依据模型数据创建的;
Controller(控制器)是应用程序中处理用户交互的部分;
通常控制器负责从视图读取数据,控制用户输入,并向模型发送数据。
模块化:
控制器模块化
指令模块化
过滤器模块化
服务模块化
定义值模块化
自动化双向数据绑定:angularjs的数据绑定是数据模型(model)与视图(view)组件的自动同步。angular的实现方式允许你吧应用中的模型看成单一数据源,而视图始终是数据模型的一种展现形式。当模型改变时,视图就能反映这种改变。
代码:
<!doctype html> <html lang="en" ng-app="myApp"> <head> <meta charset="UTF-8"> <title></title> <script src="http://code.angularjs.org/angular-1.0.1.min.js"></script> </head> <body> <div ng-controller="MyController"> <p>hello,{{name}}</p> </div> </body> </html>
var myApp = angular.module('myApp', []); myApp.controller('MyController', function($scope){ $scope.name = '小朋友'; })
AngularJS 学习,坚持。。。
请多指教