问题标签 [angularjs-ng-if]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
155 浏览

javascript - 使用 ng-if / ng-show / ng-hide 时的困惑

我的 html 中几乎没有 div。我正在将内容导出为 PDF,当用户单击导出按钮时会下载 PDF。我希望少数 div 的内容不被导出/显示在 PDF 中,但它应该显示在网页上。我已经习惯ng-if="!isExporting"了 div 的内容,我不想在加载页面时在 PDF 和 js 代码中显示我已经分配的页面, $scope.isExporting = false;并且当用户单击导出按钮时,export()在我分配的位置调用 函数$scope.isExporting = true。问题仍然是内容导出到 PDF 并显示。请建议如何隐藏/限制某些 div 的内容以显示在 PDF 中,但应显示在网页上。

演示:http ://plnkr.co/edit/Ik5O3rlKVLhzxz3ySw2g?p=preview

html代码:

js代码:

PS:我想在网页上显示 div,但很少有 div 不应该在 PDF 中显示。我也尝试使用 ng-show/ng-hide 但行为相同,它没有隐藏 PDF 中的内容。

0 投票
1 回答
361 浏览

javascript - ExpressionChangedAfterItHasBeenCheckedError 。角度 2(5) *ngIf

我正在使用一项服务在子级和父级之间传递数据,目的是根据加载的子级使用子级特定信息更新父级 UI。

服务:

父组件:

示例子组件:

父 HTML:

使用此设置,当我单击 routerLink 时出现错误“ExpressionChangedAfterItHasBeenCheckedError”,现在如果我再次单击同一链接,错误仍然存​​在,但正确的按钮变为可见。整个周末都无处可去,所以任何帮助都将不胜感激。

0 投票
0 回答
261 浏览

angular - 在 Angular2+ 中,哪个性能更好?使用动态组件或多个 *ngIf

我正在研究数据网格模块。在网格单元格中,我需要显示几种类型的数据。所以每个细胞都是一个组件。目前我正在使用 ComponentFactoryResolver 来生成单元格。像这样的东西:

但是还有另一种没有 ComponentFactoryResolver 的解决方案,只使用 *ngIf 来决定在单元格中显示哪个组件:

哪个性能更好,为什么?

0 投票
1 回答
690 浏览

angularjs - 基于 pug (jade) 和 angularjs 中的 ngif 语句渲染部分视图

是否可以有 2 个单独的 .pug 文件作为父模板中的 ng-if 语句的结果?就像是

或者有什么比在 ngif 语句中包含 2 个完整页面更干净的方法?感谢大家

0 投票
1 回答
167 浏览

angular - 基于单选按钮的角度更改模板元素

我的模板中有两个radio buttons。选择按钮时,input应为每个按钮显示不同的文本字段button,而其他字段应隐藏。

我怎样才能做到这一点Angular

我尝试使用*ngIfand ngModel,但无法解决此问题。

0 投票
2 回答
462 浏览

angular - Angular 4+:为什么 ng-if 不能在 app.componet.html 中工作?

我目前正在尝试在我的 app.component.html 文件中使用 ng-if 指令:

我的 app.component.ts 文件如下所示:

我尝试了许多不同的值0==1,但它仍然不起作用,包括使用传入变量的值。它正在编译和显示没有错误,但没有删除第二个p.

我也试过了*ng-if。当我这样做时,我收到一个错误:

0 投票
0 回答
123 浏览

angularjs - 允许在递归模板中嵌入多个指令

我目前正在从后端接收一棵经理及其下属的树。我正在使用递归模板来显示它。

这一切都很好,我得到了树的 ul/li。但是,每当我尝试将 ul/li 更改为 angularUI 手风琴(uib-accordion 和 uib-accordion-group)时,我都会收到一条错误消息

错误:[$compile:multidir] 多个指令 [ngInclude, uibAccordionGroup (module: ui.bootstrap.accordion)] 要求嵌入:<uib-accordion-group class="list-group-item" ng-if="user.subordinates" ng-repeat="user in user.subordinates" ng-include="'managerTmp'" id="azqx">

我不完全理解这个问题或为什么 angularjs 不允许这样做?任何帮助将不胜感激。

0 投票
0 回答
207 浏览

angularjs - Angularjs:使用haml语法添加多个ng_if条件

我正在研究 item_selector 指令,我想为归档元素添加一个指示符,这是项目选择器模板 .haml :

我已通过以下方式将直通 css 属性添加到存档元素:

我想添加一个鼠标悬停指示器,告诉用户“此元素已存档”,我在 ui_select.ui-select 的此属性中考虑了 ng_if 多个条件:标题:“{{ $select.selected.label }}”

*

if $select.selected.object.is_archived return true : 服装信息 else {{ $select.selected.label }

*

0 投票
2 回答
1135 浏览

angularjs - 带有 ng-if 的 Angular ng-repeat 不适用于 tr 标签

在下面,Div我使用ng-repeat一些数据来填充列表。在执行此操作时,我不希望通过使用指令TR来创建某个标签,如果它符合某个要求,但是无论表达式如何,我都无法正常工作。ng-ifx.Equipment_Cost_Child != 0ng-if

我怎样才能让它只显示 TR 如果x.Equipment_Cost_Child > 0

我已经尝试过“ x.Equipment_Cost_Child > 0”我还ng-if直接将 tr 标签而不是 div 标签。

你怎么看?

0 投票
1 回答
365 浏览

angularjs - 在 ng-if AngularJS 中使用函数 api 时浏览器冻结

我使用 angularjs,ng-if当我使用返回truefalse在两个 API 中的函数时出现问题,浏览器冻结

并在 html