javascript - 一段简单的AngularJS代码中的问题
PHP中文网
PHP中文网 2017-04-10 16:20:09
[JavaScript讨论组]
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
    <p 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>

    </p>
</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变量。请问是什么问题?

PHP中文网
PHP中文网

认证0级讲师

全部回复(3)
PHP中文网

在你的代码里result是一个函数而不是变量,所以要这么写:

<span>a + b = {{result()}}</span>
PHP中文网

{{a+b}}

阿神

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

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号