一段简单的AngularJS代码中的问题

<!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是一个函数而不是变量，所以要这么写：

<span>a + b = {{result()}}</span>

第一种是写成{{a+b}}
第二种是写成{{result()}}

【热门文章】