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

总结

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