angular学习
angular基础（angular basics)
- 指令(directives)
- 表达式(expressions)
- 过滤器(filters)
- 模块(modules)
- 控制器(controllers)
angurlar 进阶 （angular advance)
事件(events)
DOM
表单(forms)
验证(validations)
http
Start Example
<!DOCTYPE html>
<html lang="en-US">
<script src= "https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js">
</script>
<body>
<div ng-app="">
<p> Name: <input type="text" ng-model="name"></p>
<h1> Hello {{name}}</h1>
</div>
</body>
</html>效果图
什么是Angular（what is angularjs)
Angularjs 是javascript框架，是一个由javascript写的库，angular是一个分散式的javascript文件，可以通过一个脚本标签被加载到网页文件中。
angular 扩展(Extends) Html
使用ng-app 指示(directive)来定义一个angularjs应用。
使用ng-model 指示(directive)来实现HTML控件(input,select,textarea)的值和应用数据的绑定。
使用ng-bind 指示(directive)来实现HTML视图和应用数据的绑定。
举个栗子
<!DOCTYPE html>
<html lang="en-US">
<script src= "https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js">
</script>
<body>
<div ng-app="">
<p> Name: <input type="text" ng-model="name"></p>
<h1> Hello {{name}}</h1>
</div>
</body>
</html>总结：conclusion
通过本章的学习，我们掌握了将数据和html控件绑定的流程(workflow)：
- 通过
ng-app来定义一个数据块 - 通过
ng-model来绑定控件值到一个变量 - 通过{{变量名}}来显示这个变量的值。
120
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
