如何在Angularjs中切换带有超时功能的div层？
在AngularJS中切换带有超时功能的div层，可以通过以下步骤实现：
- 首先，在HTML文件中定义一个div元素，设置一个ng-show指令来控制其显示与隐藏。例如：<div ng-show="showDiv">这是要切换的div层</div>
- 在控制器中，定义一个变量来控制div层的显示与隐藏。例如：$scope.showDiv = false;
- 接下来，使用$timeout服务来实现超时功能。在需要切换div层的地方，使用$timeout函数来设置一个超时时间，并在超时后改变showDiv变量的值。例如：$timeout(function() { $scope.showDiv = true; }, 3000); // 3秒后切换div层的显示状态
在上述代码中，$timeout函数用于设置一个3秒的超时时间，超时后将showDiv变量的值改为true，从而切换div层的显示状态。
- 最后，可以根据需要添加其他逻辑来控制div层的显示与隐藏。例如，可以在点击按钮时切换div层的显示状态：<button ng-click="toggleDiv()">切换div层</button>$scope.toggleDiv = function() { $scope.showDiv = !$scope.showDiv; };
这样，当点击按钮时，将会切换div层的显示与隐藏。
总结：
在AngularJS中切换带有超时功能的div层，可以通过设置ng-show指令和使用$timeout服务来实现。首先定义一个变量来控制div层的显示与隐藏，然后使用$timeout函数设置超时时间，并在超时后改变变量的值，从而切换div层的显示状态。可以根据需要添加其他逻辑来控制div层的显示与隐藏。
相关·内容
我试图隐藏一个div当我点击隐藏button.But，我不能显示一个div如果我点击显示按钮，我只能做一个动作在一次。
如果我将“$scope.showDiv = false;”设置为默认值，则即使使用以下代码，也无法显示div：
$scope.getShow = function() {
$scope.showDiv = true;
window.location = "./sample.html";
}
有人能帮我解决这个问题吗..。
我的html代码：
<div ng-if="showDiv&
浏览 1提问于2016-01-05得票数 1
3回答
在我的项目中，我需要在一个ng-show中同时使用ng-hide和ng-hide。我觉得这是个糟糕的做法。
html代码：
<div ng-hide="itemDIv2" ng-show="itemDIv2">
<input type="text" placeholder="Item Name" ng-model="itemname">
<div>
<input type="submit" class="btn"
浏览 0提问于2016-07-06得票数 7
回答已采纳
在我的根范围内，我有一个visible属性，它控制div的可见性
app.run(function ($rootScope) {
$rootScope.visible = false;
});
示例HTML：
<section ng-controller='oneCtrl'>
<button ng-click='toggle()'>toggle</button>
<div ng-show='visible'>
<button ng-click='
浏览 8提问于2013-02-28得票数 10
回答已采纳
2回答
我想在指令中显示带有ng显示的div标记。这不管用。myFunctions中的所有方法都会被调用，但是function1中的布尔值不会改变。
myApp.controller('MyController', ['$scope', function ($scope) {
$scope.showDiv = false;
}]);
该指令：
myApp.directive('travelInformation', function () {
return {
restrict: 'A',
浏览 3提问于2015-11-12得票数 0
回答已采纳
我创建这个完全是为了解决我的问题。我是ng-repeat在某一段。我有一个切换功能要在里面实现。但是，当我单击该按钮时，将为所有重复项触发函数。尽管在单击时使用了相同的函数名，但如果不使用ng-repeat，则可以很好地工作。下面是密码。我想我可以在这里使用类似this操作符的东西。到目前为止，我的代码(我是为小提琴创建的，而不是原始的)，
<div ng-app="app">
<div ng-controller="CommentController">
<div ng-repeat="list
浏览 7提问于2015-02-11得票数 2
回答已采纳
如何使DOM div重新出现并应用新的参数，比如不同的颜色，不同数量的子元素；在ng-show =false对页面隐藏它之后？ng-show = true是其中的一部分，但我如何在它重新出现之前或在它重新出现时修改它？基本上，该div包含
<div> ng-show="showdiv" ; ng-repeat="x in elements" </div>
我正在尝试用元素中的一组不同的元素重新出现
浏览 0提问于2017-08-10得票数 0
在使用ng-hide或ng-show指令时，会添加或删除.ng-class，因此DOM元素是可见的或不可见的。
但是，它们会被定位为“移除”，例如，隐藏或显示两个连续的div元素，一个在另一个之上。
<div ng-show="condition1">First div</div>
<div ng-show="condition2">Second div</div>
因此，如果condition1的计算值为false，则第一div将被隐藏，而第二div将采取刚刚隐藏div所采取的位置。
我怎么才能避免这种情况呢？I
浏览 1提问于2015-03-06得票数 4
回答已采纳
我有按钮，如提交，拒绝和取消。如果我点击这个按钮，一个带有注释的小div就会显示出来，并会显示一个ok和cancel按钮。点击ok弹出和‘你确定’消息弹出弹出。
<button type="button" ng-click="showDiv = !showDiv">Submit
</button>
<button type="button" ng-click="showDiv = !showDiv">Reject
</button>
正如我前面所提到的，对于小div，我使用的是弹出模
浏览 0提问于2016-09-29得票数 0
回答已采纳
目的
我试图让管理员和客户显示在不同的阶段，管理员可以在点击toggleShowDiv()后张贴数据，这让客户看到的数据。
问题
如何将!isAdmin()传入ng-if？目前，我只将isAdmin作为默认设置。
可以通过TD (逐行)将其发布到表TD中吗？不确定，我在这里写的代码是正确的。
My thought
我是否可以对每个单独的TD = isAdmin()或!isAdmin使用ng-if，并通过单击函数进行控制？
$scope.showDiv = isAdmin();
$scope.toggleShowDiv = function (auction) {
var title =
浏览 67提问于2017-09-11得票数 18
回答已采纳
Ctrl代码：
$scope.$on('$locationChangeStart', function () {
var o1 = $location.path();
var o2 = '/login';
var o3 = '/password-recovery';
if(o1.match(o2)){
$scope.loginContainer= function() {
return true;
};
});
<div class="container" ng-show="loginContaine
浏览 1提问于2016-06-24得票数 0
回答已采纳
2回答
我在template.html中有一个包含在ng-include中的指令，在这个指令中我改变了作用域，但在我看来并没有改变
这是我的html
<div ng-controller="myCtrl">
<div id="modal">
<div ng-show="showDIv">Somthing to controll</div>
</div>
<div ng-include src="template.html">
&
浏览 3提问于2013-08-01得票数 0
我有两个这样的元素：
<div ng-hide="showDiv"></div>
<div ng-show="showDiv">
<div directive></div>
</div>
像这样的指令：
app.directive ('directive', [
...
controller: [
'$scope',
function ($scope) {
$scope.accept = f
浏览 1提问于2015-10-20得票数 0
回答已采纳
2回答
我试着用ng-show分别显示和隐藏连续的div。
这是我的代码：
angularExample.html
<!DOCTYPE html>
<html ng-app="Fino">
<head>
<link rel="stylesheet" type="text/css" href="scripts/bootstrap.min.css" />
<script type="text/javascript" src="scripts/an
浏览 3提问于2015-04-20得票数 4
回答已采纳
我只需要根据某种类型的事件来切换div的方向。它可以是onclick，ng-switch，ng-show，ng-hide。请给我看看能用的。我不想使用ng-include。
<body ng-app="mdoApp"ng-init="getValue='1'">
<label>type a number(1 to 3):
<input type="text" ng-model="getValue" />
</label>
<
浏览 1提问于2016-07-25得票数 1
1回答
嘿，伙计们，我正在尝试创建一个可折叠的面板:所以应该有面板标题和面板主体来显示内容。单击的行为是，当按下按钮时，内容将崩溃，如果单击相同的按钮，则内容将关闭。如果单击第二个按钮，则第二个按钮将折叠第二个按钮的内容，而第一个按钮折叠将被关闭。基本上应该工作像一个可折叠的面板(引导)，但发展只有角。到目前为止我已经做过了，但是我是初学者，所以如果你能帮我.
<body ng-app="app">
<div ng-controller="Test" class="container">
<div class=&#
浏览 1提问于2017-03-30得票数 2
回答已采纳
假设我有一个带有三个按钮的<nav>元素，以及一个包含三个<section>元素的<article>。我希望用户能够单击一个按钮，该按钮以只显示一个相关的<section>元素的方式切换所有<section>元素的显示。
我对AngularJS并不熟悉，并试图找出实现这一目标的方法是否比将nav元素ng-click属性和section元素赋予ng-show属性更为愤怒。这感觉是非常必要的。
我的HTML应该如下所示：
<nav>
<div ng-click="showRedSection
浏览 5提问于2015-01-23得票数 2
回答已采纳
我对div元素使用ng-重复。我对div元素中的图像有一个切换函数。但是，当我单击图像时，函数会被触发，但它显示的数据与所有div相同。下面是密码。
HTML :
<div ng-repeat="item in items">
<div>
<img src="img/icon1.png" class="pull-right" ng-click="showDiv(item.itemId,$index)">
</div>
<div ng-sh
浏览 1提问于2016-04-27得票数 0
回答已采纳
我试图加载图像图标(设置时间加载特定为30秒)，同时从数据库加载数据，但我面临一些问题，因为我想也设置计时器加载图标(即加载图标出现30秒)使用angularjs。我是如何实现这一功能的，因为我是由ng-show和ng-hide完成的，但我无法在图标中附加时间。我的代码是
editApp.controller('MyCtrl', ['$scope', '$http', 'ngDialog','$timeout' ,function ($scope,$http, ngDialog, $timeout) {
浏览 1提问于2014-12-30得票数 0
3回答
我想使用ng-if在仪表板中切换一些dom元素。
我的html看起来像：
//按钮
<div>
<button ng-click="showDiv('div1');"></button>
<button ng-click="showDiv('div2');"></button>
</div>
//内容
<div ng-if="div1" class="div-1"></div>
<div ng-if
浏览 2提问于2017-07-28得票数 1
回答已采纳
我有一个简单的HTML：
<input type="text" id="lk" />
<div id="showDiv">
<input type="radio" name="lki" id="lki1" value="lki1"> <label for="lki1">Anywhere</label>
<input type="radio" name="lki&#
浏览 2提问于2017-09-30得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
