angularJS
简介
四大特征
1.MVC模式
2.双向绑定
3.依赖注入
4.模块化设计
入门Demo
表达式{{表达式}}表达式可以是变量或是运算符
双向绑定
<input ng-model="myname"><br>{{myname}}
初始化指令
<body ng-app ng-init="myname='陈大海'>{{myname}}
控制器
var app=angular.module('myApp',[])
app.controller('myController',function($scope){
$scope.add=function(){
return parseInt($scope.x);
}
});
<body ng-app="myApp" ng-controller="myController">
<input ng-model="x"><input ng-model="y">{{add()}}
事件指令
<button ng-click="add()">运算</button>{{z}}
循环数组
$scope.list=[100,192,203,434];
<tr ng-repeat="x in list">
<td>{{x}}</td>
循环对象数组
$scope.list=[
{name:'张三',shuxue:100,yuwen:93},
{name:'李四',shuxue:100,yuwen:93},
{name:'王五',shuxue:100,yuwen:93},
];
<tr ng-repeat="entity in list">
<td>{{entity.name}}</td>
<td>{{entity.shuxue}}</td>
<td>{{entity.yuwen}}</td>
王国维人生三境界:第一境界: 昨夜西风凋碧树,独上高楼,望尽天涯路。–宋 · 晏殊《蝶恋花》 第二境界: 衣带渐宽终不悔,为伊消得人憔悴。—宋 · 柳永《凤栖梧》 第三境界: 众里寻他千百度,蓦然回首,那人却在灯火阑珊处。
——王国维 《人间词话》