使用angularjs更改提交按钮的值on

Question

我实现了一个功能，当点击一个按钮时，按钮的文字会被改变，并且可以正常工作。只有在条件为真时才会出现按钮，该按钮也可以正常工作。但是当条件为真时按钮出现时单击时值不会改变。

 <button ng-if ="item.user == 'Login'" class="{{love_default}}" ng-click=" love=!love">{{loveText}}</button>

JS

$scope.love = true;
$scope.love_default = "button button-small button-positive icon icon-left ion-ios-heart";
$scope.$watch('love', function() {
    $scope.loveText = $scope.love ? 'Login' : 'Already Logged In';
})

当我取出ng-if并点击按钮时，它可以正常工作

<button class="{{love_default}}" ng-click=" love=!love">{{loveText}}</button>

但我希望它可以使用应用于按钮的ng-if