angularJS中的ng-if标签问题

view如下

<div ng-controller="userController">
    <form>
        <label for="tel">账号 : </label>
        <input id="tel" ng-model="telephone"><br>
        <label for="pswd">密码 : </label>
        <input id="pswd" ng-model="password"><br>
        <input type="button" value="提交" ng-click="sendLogin()">
    </form>
    <span ng-if="{{loading}}" >{{response}}</span>
</div>

controller如下

app.controller('userController',function($scope,$http){
    $scope.loading = false;
    $scope.response = '这里显示结果';
    $scope.sendLogin = function(){
        var FormData = {
            telephone:$scope.telephone,
            password:$scope.password
        };
        $http({
            url:'http://120.25.205.100:88/opencart/index.php?route=moblie/login',
            method:"POST",
            headers: {
                'Content-Type': 'application/x-www-form-urlencoded'
            },
            data:FormData
        }).success(function(response) {
            $scope.loading = true;
            $scope.response = response;

        });
    };
})

意图:
开始包含reponse的span标签隐藏,登陆请求成功后则显示返回结果,但是请求成功后span标签不出来。

debug:
这里写图片描述

监测到是ng-if指令内的参数错了。

修改:
错误

<span  ng-if="{{loading}}">{{response}}</span>

正确

<span  ng-if="loading">{{response}}</span>

注意,去掉了loading的双括号。

总结
暂时不知道咋总结,后面再补。

  • 3
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值