点击()上的更改按钮

时间:2014-12-17 13:13:39

标签: onclick ionic

我正在尝试更改我的按钮图标,thext并想要禁用onClick()。

不幸的是,我在第一次点击时更改了文字,当我再次点击它时,它会更改图标,但不会对其进行解除。

在堆栈中,在单击事件后正确设置了变量。 我真的不知道为什么它不起作用以及为什么当我点击两次时它会改变。

这是我的HTML:

<ion-view title="Who-U">
    <ion-content class="padding">

        <a class="item item-thumbnail-left" href="#">
            <img src="img/cover.png">
            <h2>{{username}}</h2>
            <p>Points: {{points}}</p>
        </a>

        <button ng-click="click()" class="button button-full button-positive" ng-disabled="{{buttonDisable}}">
            <i class='{{buttonType}}'></i>{{text}}
        </button>
    </ion-content>
</ion-view>

这就是我的控制器:

angular.module('home', ['services'])

.controller('homeCtrl',
    function ($scope, $location, $state, localStorageService, serverAPI, $ionicPopup) {

       $scope.buttonType = "icon ion-search",
        $scope.buttonDisable = false,
        $scope.text = 'Search',


        $scope.click = function () {
            $scope.buttonDisable = true
            $scope.text = 'Searching'
            $scope.buttonType = "icon ion-loading-a"

        };

    })

1 个答案:

答案 0 :(得分:2)

你忘了把&#39 ;;&#39;在你的代码中:p

试试这个:

   $scope.buttonType = "icon ion-search";
    $scope.buttonDisable = false;
    $scope.text = 'Search';


    $scope.click = function () {
        $scope.buttonDisable = true;
        $scope.text = 'Searching';
        $scope.buttonType = "icon ion-loading-a";
}