<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<div ng-app="calculator" ng-controller="myController" style="padding: 5%">
a : <input type="text" ng-model="a"><br/>
b : <input type="text" ng-model="b"><br/><hr/>
<span>a + b = {{result}}</span>
</div>
</body>
<script src="assets/angular.js"></script>
<script>
var calculator = angular.module("calculator", []);
calculator.controller("myController", function($scope){
$scope.a = 1;
$scope.b = 2;
$scope.result = function(){
return $scope.a + $scope.b;
}
});
</script>
</html>
最近刚学AngularJS,上面代码运行后有问题,感觉span标签无法绑定到result变量。请问是什么问题?
在你的代码里result是一个函数而不是变量,所以要这么写: