问题标签 [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.
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 中的内容。
javascript - ExpressionChangedAfterItHasBeenCheckedError 。角度 2(5) *ngIf
我正在使用一项服务在子级和父级之间传递数据,目的是根据加载的子级使用子级特定信息更新父级 UI。
服务:
父组件:
示例子组件:
父 HTML:
使用此设置,当我单击 routerLink 时出现错误“ExpressionChangedAfterItHasBeenCheckedError”,现在如果我再次单击同一链接,错误仍然存在,但正确的按钮变为可见。整个周末都无处可去,所以任何帮助都将不胜感激。
angular - 在 Angular2+ 中,哪个性能更好?使用动态组件或多个 *ngIf
我正在研究数据网格模块。在网格单元格中,我需要显示几种类型的数据。所以每个细胞都是一个组件。目前我正在使用 ComponentFactoryResolver 来生成单元格。像这样的东西:
但是还有另一种没有 ComponentFactoryResolver 的解决方案,只使用 *ngIf 来决定在单元格中显示哪个组件:
哪个性能更好,为什么?
angularjs - 基于 pug (jade) 和 angularjs 中的 ngif 语句渲染部分视图
是否可以有 2 个单独的 .pug 文件作为父模板中的 ng-if 语句的结果?就像是
或者有什么比在 ngif 语句中包含 2 个完整页面更干净的方法?感谢大家
angular - 基于单选按钮的角度更改模板元素
我的模板中有两个radio buttons
。选择按钮时,input
应为每个按钮显示不同的文本字段button
,而其他字段应隐藏。
我怎样才能做到这一点Angular
?
我尝试使用*ngIf
and ngModel
,但无法解决此问题。
angular - Angular 4+:为什么 ng-if 不能在 app.componet.html 中工作?
我目前正在尝试在我的 app.component.html 文件中使用 ng-if 指令:
我的 app.component.ts 文件如下所示:
我尝试了许多不同的值0==1
,但它仍然不起作用,包括使用传入变量的值。它正在编译和显示没有错误,但没有删除第二个p
.
我也试过了*ng-if
。当我这样做时,我收到一个错误:
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 不允许这样做?任何帮助将不胜感激。
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 }
*
angularjs - 带有 ng-if 的 Angular ng-repeat 不适用于 tr 标签
在下面,Div
我使用ng-repeat
一些数据来填充列表。在执行此操作时,我不希望通过使用指令TR
来创建某个标签,如果它符合某个要求,但是无论表达式如何,我都无法正常工作。ng-if
x.Equipment_Cost_Child != 0
ng-if
我怎样才能让它只显示 TR 如果x.Equipment_Cost_Child > 0
?
我已经尝试过“ x.Equipment_Cost_Child > 0
”我还ng-if
直接将 tr 标签而不是 div 标签。
你怎么看?
angularjs - 在 ng-if AngularJS 中使用函数 api 时浏览器冻结
我使用 angularjs,ng-if
当我使用返回true
或false
在两个 API 中的函数时出现问题,浏览器冻结
并在 html