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的双括号。

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