AngularJS ng-show无法使用$ timeout?

时间:2016-06-27 12:08:02

标签: javascript asp.net angularjs timeout angularjs-ng-show

我想选择标签并显示2个按钮。

所以这是我的aspx代码:

 <button id="UxMoveAllRight" style="width: 40px; height: 25px; margin-top: 20px;" ng-show="showMoveallButtons()">
                                <i class="pi-icon pi-icon-angle-double-right"></i>
                            </button>
                            <button id="UxMoveAllLeft" style="width: 40px; height: 25px; margin-bottom: 20px;" ng-show="showMoveallButtons()">
                                <i class="pi-icon pi-icon-angle-double-left"></i>
                            </button>

这是我的ng-show功能代码(在controller.js中):

$scope.showMoveallButtons = function () {
                    var show = false;
                    $timeout(function () {
                        var activetab = $find("Add").get_selectedTab().get_name();
                        if (activetab == "AddBulk") { show = true }
                        else { show = false };
                    });
                    return show;
                };

但总是返回false。 我想,如果选中标签等于AddBulk,则显示2按钮,否则不显示。

我猜,总是会返回错误的原因:超时?

你知道我该如何解决?

3 个答案:

答案 0 :(得分:0)

试试这个:

  

$ timeout(function(){                           var activetab = $ find(“Add”)。get_selectedTab()。get_name();                           if(activetab ==“AddBulk”){show = true}                           else {show = false};                           回归表演;                       });

答案 1 :(得分:0)

只需输入控制器($ timeout)

&#39;使用严格的&#39;;

app.controller('ctrlname', ['$scope','$http','$timeout', function($scope,$http,$timeout){

        ......
        ......
}]);

答案 2 :(得分:0)

$scope.show中使用timeOut()并在您的指令ng-show.

中影响她

<强> JS

$scope.showMoveallButtons = function () {
                    $timeout(function () {
                        var activetab = $find("Add").get_selectedTab().get_name();
                        if (activetab == "AddBulk") { $scope.show= true }
                        else { $scope.show= false };
                    },/*Your delay here*/);
                };

<强> HTML

<button id="UxMoveAllRight" style="width: 40px; height: 25px; margin-top: 20px;" ng-show="show">