AngularJS

angularjs 通过在 html 添加了表达式,可以很简单的构建一个单页面应用程序
angularjs 支持数据双向绑定,自身是 mvc 架构的思想。

Install

点击下载
去官网下载

表达式

angularjs 中的表达式与大多数模版引擎中的语法一样,可以是一个简单的运算语句。

两个大括号内 {{  }} 包着的就是表达式

常见表达式

{{ 8 * 9 }}

{{ variable ? 1 : 2 }}

{{ variable || 1 }}

{{ text1 + " - " + text2 }}

{{ array[0] }}
{{ array[1] }}

<input type="text" name="text" value="{{ text }}">

示例

{{ 10 * 5 }}
{{ text }}
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>angular</title>
	<script src="angular.min.js"></script>
</head>
<body>
	
<div ng-app="myApp">
	<div ng-controller="myCon">
		{{ 10 * 5 }}
		<hr/>
		{{ text }}
	</div>
</div>

<script>
	var app = angular.module('myApp', []);
	app.controller('myCon', ['$scope',function($scope) {
		$scope.text = "hello angular.js";
	}]);
</script>

</body>
</html>