Question

我试图在angularjs中隐藏菜单30秒，这是我的尝试

.controller('MenuTimingController', function ($scope, $timeout) {
       $timeout(function () { $scope.loadAlertMessage = true; }, 30000);   
});

这是在索引文件

中

<div ng-controller="MenuTimingController"> 
                  <div ng-model="loadAlertMessage">
                <a menu-close ng-click="gotoMainPage()" style="color:black" ui-sref="entry" class="item"><i class="icon ion-android-contact"> Main Menu</i> </a></div></div>

但我的挑战是菜单永远不会隐藏。请问我哪里错了。非常感谢任何帮助。

Answer 1

您可以使用ng-show或ng-hide来控制html元素的可见性;而且，使用DOT魔法。

.controller('MenuTimingController', function ($scope, $timeout) {
   // init the $scope.show.loadAlertMessage
   $scope.show = {loadAlertMessage : false};
   $timeout(function () { $scope.show.loadAlertMessage = true; }, 30000);   
  });

  // the html code
  <div ng-show="show.loadAlertMessage">

在angularjs中隐藏菜单30秒

1 个答案: