Ng-click需要双击原因

Question

我有一点问题：如果只是双击oO我点击工作，我不明白，有什么问题？

这是我的控制器

function MapCtrl($scope) {

    if(navigator.onLine){
        $scope.online = true;
    } else {
        $scope.offline = true;
    }

    /* text */
    $scope.reloadText = "Reload";
    $scope.reloadingText = "Reload in progress";
    $scope.offlineText = "not online";


    $scope.reloadMap = function() {
        $scope.reload = true;
        $scope.online = false;
        $scope.offline = false;
    }
}

和我的HTML：

<section class="myPanel panel-padding" ng-controller="MapCtrl">

    <div id="myMap">
        <div class="alert alert-danger" ng-show="offline">{{offlineText}}</div>

        <p ng-show="reload"><i class="fa fa-refresh fa-spin"></i> <span>{{reloadingText}}</span></p>

        <div id="map" ng-show="online"></div>
        <div id="mapControls">
            <ul>
                <li ng-hide="reload">
                    <button type="button" ng-click="reloadMap()" class="btn btn-primary btn-xs">{{reloadText}}</button>
                </li>
            </ul>
        </div>
    </div>
</section>

我不明白为什么我需要双击，我希望它恢复正常：/

Answer 1

reloadMap将reload设为true，<li>设为ng-hide="reload"，表示reload为真时隐藏{{1}}。所以，当你舔一次按钮应该消失。再次单击或双击可使按钮再次可见。