首页 文章
  • 1 votes
     answers
     views

    使用* ngFor迭代数组,同时也过滤某个属性[重复]

    这个问题在这里已有答案: How to apply filters to *ngFor? 21个答案 在我的Angular 2应用程序中,我想知道是否有一种方法可以迭代数组,同时还可以过滤 *ngFor 块中的某个属性 . 所以语法看起来像这样: <ng-template *ngFor="let flag['completed === false'] of service.fl...
  • 1 votes
     answers
     views

    ng-template上不能有活动?嵌入式模板上的任何指令都不会发出事件绑定

    我试图简单地使用* ngIf;否则渲染一个按钮,但不断收到此错误 . 看来我的ng-template上没有活动?事实并非如此 . 我必须做一些明显错误的事情 . 事件名称(单击)显然拼写正确,从我所知道的所有指令我需要浏览器和公共模块导入并列在NgModule元数据中 . 错误: 嵌入式模板上的任何指令都不会发出事件绑定 . 确保事件名称拼写正确,并且所有指令都列在“@ NgModule.dec...
  • 1 votes
     answers
     views

    在Angular中的单个页面中管理多个模板

    我有一个用例,我需要1个视图(模板)根据条件显示在屏幕上 . 他们有超过10个模板可用,但一次只能看到其中一个模板 . 以下哪种解决方案最相关 在每个div上使用ngIf 使用ngSwitch并根据条件显示div 使用模板(如何管理) 任何其他方式..? 我想为每种视图类型使用模板,以便我的代码保持干净和可伸缩 .
  • 0 votes
     answers
     views

    * AngFor 5中<tr>元素的ngFor和* ngIf

    在我的Angular 5应用程序中,我正在循环创建 tr 元素: &lt;tr *ngFor=&quot;let element of elements&quot;&gt; 但我只想在符合某些条件的情况下显示该行 . 我知道我不能一起使用 *ngFor 和 *ngIf 但是我没有看到如何解决这个问题 . 我看到一篇帖子说要在一个带有 [ngIf] 结构的tr中添加一个模板,但这似乎不再是有效的语...
  • 5 votes
     answers
     views

    具有异步管道多个条件的Angular * ngIf变量

    在Angular中使用* ngIf的文档非常好:https://angular.io/api/common/NgIf但是,是否可以使用* ngIf异步变量并对其进行多次检查?就像是: &lt;div *ngIf=&quot;users$ | async as users &amp;&amp; users.length &gt; 1&quot;&gt; ... &lt;/div&gt; 当然,可以...
  • 0 votes
     answers
     views

    在ngStyle绑定到方法的组件上的Angular * ngIf?

    我正在使用Angular 5,虽然我不知道我的问题是否与版本或Angular或我编写组件的方式有关 . 我正在创建一个看起来和表现得像 table 的组件 . 它由两个主要部分组成:工具栏和表本身 . 以下是我的模板的简化示例: &lt;div class=&quot;list__table&quot;&gt; &lt;!-- The toolbar --&gt; &lt;div class...
  • 1 votes
     answers
     views

    ng如何分别绑定每个元素

    我正在尝试在Angular 4中构建一个仪表板 . 在该仪表板中,我使用* ngFor迭代json(通过服务来)并在卡片中显示了一系列报告 . 在每张卡片中, Headers 上都有一些图标,点击后会执行一些操作,例如工具提示内的刷新,下载,弹出信息,pin-unpin等 . 为此,我想到使用变量来绑定那些元素,如(click)= &quot;function()&quot;,还有[@animat...
  • 0 votes
     answers
     views

    在* ngFor中使用* ngIf来显示某些选择性元素

    我在我的组件html中有一个div,我想在页面加载时隐藏它,并希望在链接点击时显示 . 我在* ngFor循环中有多个div,并且我已经为每个div分配了* ngIf = showReply [commentData.id],以便在组件加载时保持隐藏状态 . 后来当我点击链接时,我调用了一个函数,我将id设置为true . 下面是HTML片段: &lt;!-- Reply Link --&gt; ...
  • 0 votes
     answers
     views

    显示角度反应形式的错误消息的最佳方法,一个 formcontrol 多个验证错误?

    我按照棱镜角形验证错误示例的建议方法显示反应式表单错误消息。 在页面上显示错误的 HTML 代码: &lt;div [formGroup]=&quot;myForm&quot;&gt; &lt;div&gt; &lt;input type=&quot;text&quot; formControlName=&quot;firstName&quot;/&gt; &lt;div *ngIf=&quo...
  • 40 votes
     answers
     views

    角度4 * ng如果其他?

    如何在* ngIf语句中包含多个案例?我已经习惯了Vue或Angular 1有if,else if和else,但似乎Angular 4只有一个真(if)和false(else)条件 . 根据文档,我只能这样做: &lt;ng-container *ngIf=&quot;foo === 1; then first else second&quot;&gt;&lt;/ng-container&gt; ...
  • 0 votes
     answers
     views

    ngIf取决于Angular 4中的数字绑定图像

    &lt;td *ngFor=&quot;let user of userService.users | async&quot;&gt; &lt;div *ngIf=&quot;user?.data.apps.details[0].acknowledged as fooIcon&quot;&gt; &lt;img *ngIf=&quot;fooIcon === &quot;1&quot; &qu...
  • 1 votes
     answers
     views

    内部角度为4 ngIf,因为没有按预期运行

    我遇到的问题是我没有从* ngFor中的* ngIf语句中获得预期的功能 . 我正在使用它来迭代自定义验证消息,每个ngIf都有一个唯一的语句 . 以下是我正在使用的component.html文件: &lt;div class=&quot;form-group&quot;&gt; &lt;label for=&quot;{{title}}&quot;&gt;First Name:&lt;/lab...
  • 0 votes
     answers
     views

    Angular 4,使用ngIf进行条件显示

    帮助修复条件以显示数据 . 我通过异步服务得到M的模型,所以我使用&gt; model?.something &lt;notation来避免错误,当模型仍未定义时 . title为null或'somestring' . 表达有问题 . 无论我选择什么形式,它总是显示一个案例 . 我早期避免使用此类型表达式,无法正确转换为打字稿 . import { Component } from '@angu...
  • 0 votes
     answers
     views

    模板中的角度4 * ngIf

    在模板中我有一个表我想要的如果输入.status ===“应用错误”然后它应该返回一个链接(锚标记&gt;否则只是一个conext . 我尝试下面的代码,但它给我错误 - 模板解析错误 . 任何帮助 . &lt;ng-container *ngFor=&quot;let entry of Entries;let idx=index&quot;&gt; &lt;td *ngIf=&q...
  • 0 votes
     answers
     views

    为ngFor值添加ngIf条件

    我有一个ngFor,我带来了所有的数据 . 现在,如果状态为非活动状态,我需要隐藏一些按钮 . 我正在考虑使用ngIf . 但我不知道怎么写条件 . 如何检查状态是否处于非活动状态并为这些状态添加NgIf条件? &lt;tbody id=&quot;address-list&quot; *ngIf=&quot;addressData&quot;&gt; &lt;tr *ngFor=&quo...
  • 1 votes
     answers
     views

    Angular2 - 使用NgFor元素进行HostListener /绑定

    我有用户列表 . 我希望当光标悬停在按钮上时,它将 *ngIf 设置为true,然后显示有关用户的信息(当光标离开按钮时为false) . 用户list.html &lt;div *ngFor=&quot;let user of users&quot;&gt; &lt;h1&gt;{{user.name}}&lt;/h1&gt; &lt;div onUserHover *ngIf=&quo...
  • 3 votes
     answers
     views

    * ngIf * ngfor里面验证for循环的每个项目

    &lt;li *ngFor=&quot;let year of paper?.years&quot; class=&quot;list-group-item&quot;&gt; &lt;div&gt; &lt;a r...
  • 29 votes
     answers
     views

    如何有条件地围绕ng-content包装div

    取决于(布尔)类变量的值,我希望我的 ng-content 要么被包裹在div中,要么不被包裹在div中(即div甚至不应该在DOM中)...什么是最好的方法走吧?我有一个Plunker尝试这样做,我认为是最明显的方式,使用ngIf ..但它不工作...它只显示其中一个布尔值的内容,但不显示另一个 亲切的帮助谢谢! http://plnkr.co/edit/omqLK0mKUIzqkkR3lQh8...
  • 0 votes
     answers
     views

    ngIf在Angular 2中显示另一个DOM元素

    不确定这是否可行,但我正在构建一个动态的HTML产品表 . 我正在评估每个产品的&quot;updatedDate&quot;并确定该日期是否小于当前日期减去7天 - todayMinusSeven 天是我在我的TypeScript组件文件中声明的变量,将其初始化为当前日期减去七天: this.todayMinusSeven = new Date(); this.todayMinusSeven...

热门问题