Ng-click需要双击原因

时间:2014-04-11 15:43:37

标签: javascript angularjs

我有一点问题:如果只是双击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>

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

1 个答案:

答案 0 :(得分:0)

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