12月1日周六 AngularJs_angular每月1日-优快云博客

本文链接：https://blog.youkuaiyun.com/helloworld_1996/article/details/84729762

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>

王国维人生三境界：第一境界：昨夜西风凋碧树，独上高楼，望尽天涯路。–宋 · 晏殊《蝶恋花》第二境界：衣带渐宽终不悔，为伊消得人憔悴。—宋 · 柳永《凤栖梧》第三境界：众里寻他千百度，蓦然回首，那人却在灯火阑珊处。

——王国维《人间词话》