angularJS学习之路（十三）---ng-change

最新推荐文章于 2018-09-02 21:37:02 发布

wust小吴

最新推荐文章于 2018-09-02 21:37:02 发布

阅读量803

点赞数

分类专栏： angularjs 文章标签： angularjs

本文链接：https://blog.csdn.net/u014737138/article/details/49994709

版权

angularjs 专栏收录该内容

31 篇文章 1 订阅

订阅专栏

在表单输入发生变化时调用：

<!DOCTYPE html>
<html ng-app="myApp">

	<head>
		<meta charset="utf-8">
		<title></title>
	</head>

	<body>
		<div ng-controller="EquationController">
			<input type="text" ng-model="equation.x" ng-change="change()" />
			<code>{{ equation.output }}</code>
		</div>
		<script type="text/javascript" src="../js/angular.min.js"></script>
		<script>
			var app = angular.module('myApp', []);
			app.controller('EquationController', function($scope) {
				$scope.equation = {};
				$scope.change = function() {
					$scope.equation.output = Number($scope.equation.x) + 2;
				};
			});
		</script>
	</body>

</html>