表达式-CSDN博客

本文链接：https://blog.csdn.net/hqmln/article/details/84738138

表达式和eval(javascript)非常相似，但是由于表达式由AngularJS来处理，它们有以下显

著不同的特性：

 所有的表达式都在其所属的作用域内部执行，并有访问本地$scope的权限；

 如果表达式发生了TypeError和ReferenceError并不会抛出异常；

 不允许使用任何流程控制功能（条件控制，例如if/eles）；

 可以接受过滤器和过滤器链。

<!DOCTYPE html>
<html ng-app="myApp">
<head>
	<title>表达式使用</title>
</head>
<script src="./framework/angular/angular.min.js"></script>
<body>
<div ng-controller="MyController">
<input ng-model="expr" type="text" placeholder="Enter an expression" />
<h2>{{ parsedValue }}</h2>
</div>
 <script type="text/javascript">
angular.module("myApp", []).controller('MyController',
function($scope,$parse) {
$scope.$watch('expr', function(newVal, oldVal, scope) {
	//alert(newVal);
	//alert(oldVal);
	if (newVal !== oldVal) {
	// 用该表达式设置parseFun
	var parseFun = $parse(newVal);
	// 获取经过解析后表达式的值
	//alert(parseFun(scope));
	$scope.parsedValue = parseFun(scope);
}
});
});
    </script>
</body>
</html>