Angular: ng-if/ng-show中的控制器函数在值更改时不会再次求值
Angular是一种流行的前端开发框架，它提供了一种结构化的方法来构建动态的Web应用程序。在Angular中，ng-if和ng-show是两个常用的指令，用于根据条件来显示或隐藏HTML元素。
在Angular中，ng-if和ng-show的工作方式略有不同。ng-if指令会根据表达式的值来决定是否在DOM中创建或销毁元素。当表达式的值为真时，元素会被创建并插入DOM中；当表达式的值为假时，元素会被从DOM中移除。因此，ng-if中的控制器函数在值更改时会重新求值，因为元素的创建和销毁是基于表达式的值。
而ng-show指令则是根据表达式的值来决定元素是否显示或隐藏。当表达式的值为真时，元素会显示；当表达式的值为假时，元素会隐藏。因此，ng-show中的控制器函数在值更改时不会再次求值，因为元素的显示和隐藏只是通过CSS样式的改变来实现的，并没有改变DOM结构。
对于ng-if和ng-show的选择，需要根据具体的需求来决定。如果需要在元素的创建和销毁之间进行一些操作，或者元素的数量较少且频繁变化，可以使用ng-if。如果只需要简单地显示或隐藏元素，并且元素的数量较多或者不频繁变化，可以使用ng-show。
在腾讯云的产品中，与Angular相关的产品是腾讯云静态网站托管（Static Website Hosting），它提供了一个简单且高效的方式来托管Angular应用程序。您可以通过以下链接了解更多关于腾讯云静态网站托管的信息：https://cloud.tencent.com/product/scf
相关·内容
我的Angular应用程序有一个简单的控制器和一个模板。该模板有三个文本输入。我想根据设置(或未设置)的所有三个值来显示/隐藏。到目前为止，我的经验是：ng-if="myCtrl.checkValues()"vm.checkValues = checkValue
浏览 2提问于2017-02-09得票数 1
回答已采纳
我在一个父控制器中有一些嵌套控制器，我需要使用Angular.js根据某些条件执行它。我在下面解释我的代码。NABH.html：
<div ng-show="showNabh">
浏览 1提问于2017-11-01得票数 0
回答已采纳
我有一个元素，它是show/hides on ng-if条件。<div ng-if="level <= vm.receivedLevelsAmountToShow" <div>{{item.id}}</div>when ng-if condition true - elemen
浏览 0提问于2016-12-20得票数 3
我有两个div，想通过点击按钮在它们之间切换。以下是我尝试过的代码： <div id="one" *ngIf="show == true"></div> Hello Two<button ng-init="show=true">Click to tog
浏览 19提问于2020-11-05得票数 0
回答已采纳
4回答
我有一个下拉按钮，我想根据当前数字和前一个数字之间的差异是负数还是正数来显示不同的选项。</td> <div id="actnot"> <option value='1' ng-show="diff <= 0
浏览 0提问于2016-11-29得票数 0
3回答
;"></i>Angularjs $scope.classVar= value; 我希望在单击该<i>项时显示隐藏的li标记。
浏览 6提问于2015-06-08得票数 1
回答已采纳
在网上阅读有关如何使用rootScope的文章时，我遇到了一些帖子，其中有一个使用$root的解决方案，但也不起作用。div class="hidden-sm hidden-xs" style="text-align: center;"> <li ng-ifactiveMenuItem: isActive('/Cases')}" ui-sref=
浏览 17提问于2019-01-08得票数 1
我有一个示例，其中日期选择器定义为 <input id="date2" type="text" ng-model="date2">如果该字段放在ng-if指令中，则不会触发日期选择器。
浏览 3提问于2016-10-21得票数 0
如何检查作用域变量是否未定义<p ng-show="foo == undefined">Show this if $scope.foo == undefined</p>
浏览 63提问于2014-11-20得票数 59
回答已采纳
下面是这个div： <p ng-bind="message"></p>该messageAvailable所以，直到angular js加载，请求者发送响应并将值'false‘赋给$scope.messageAvailable之前，这个div都是可见的。我不希望它在一小段时间内可见。我试
浏览 4提问于2015-01-28得票数 2
3回答
我遇到了一个难题，那就是如何用angular代码隐藏和显示图标/文本。我对angular完全陌生，在下面的代码上花了很大力气。在这样的dom场景中，我如何用.closest隐藏+或-图标。minus icon </label> </div></div>
var myApp =
浏览 0提问于2016-02-16得票数 0
: absolute; width: 400px; height: 400px";></iframe><html><reposition></
浏览 1提问于2018-05-25得票数 1
回答已采纳
对于Angularjs应用程序何时启动感到困惑，那么所有的代码js文件(控制器、服务等)和html(控制器的模板)在渲染任何页面之前都会被初始加载，或者它是基于请求加载的，比如延迟加载。根据我的说法，所有的javascript代码都会被加载，模板会根据请求进行渲染。请纠正我。并且如果路由被实现或未被实现，则对此的回答是否改变也是明确的。
浏览 12提问于2017-07-16得票数 0
回答已采纳
我想根据另一个参数PaymentTypeid的值有条件地显示一个元素。设置了如下所示的条件后，元素支付通道将不会在UI中呈现：scope.details = {};
resourceFactory.auditReso
浏览 0提问于2018-09-25得票数 0
回答已采纳
2回答
我使用的是一个插件(jackrabbits angularjs-datetimepicker)，在使用他们的例子时，它工作得很好。有没有办法再次</e
浏览 0提问于2015-05-26得票数 0
html代码是这样的：<div class="item item-avatar"> <img ng-src="john.jpg"></div><div ng-if="name=='Margaret'"
<div class="item item-ava
浏览 0提问于2015-06-16得票数 2
回答已采纳
我正在做一个需要用户上传pdf文件的web项目，我发现当用户删除他们之前上传的文件并尝试上传一个新文件时，在预览模式下仍然可以看到被删除的文件。预览页面是在object标记中呈现的，所以我正在尝试找出一种重新加载它的方法。下面是我在控制器中的angular代码： var getFile= function () {
service.getF
浏览 24提问于2021-05-09得票数 0
回答已采纳
3回答
我将一个ng-model绑定到一个输入，但是它绑定到的变量的值并不是在声明该指令的div之外更新的： ng-if="startTypes.selected.value外部的值保留旧值(可能是undefined，也可能不是，这取决于我是否在控制器中声明它，这并不重要)。我正在使用，我不确定这是否是问题的根源，但这是没有意义的
浏览 9提问于2016-07-15得票数 2
回答已采纳
3回答
在AngularJs中，有没有一种方法可以检查某个东西是否是一个数组？我本以为这是可行的：我已经验证了它实际上是一个数组。
浏览 1提问于2014-08-21得票数 18
回答已采纳
我在那里创建了一个视图，它显示有关客户端的地址信息。当我点击Edit contact时，新的视图应该会出现。如何做到这一点？这是我的代码。<div ng-show="addressBook"> <divng-show="addressId === names.idNo">
浏览 0提问于2015-10-19得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
