-
1 votes1 answers184 views
Angular2 - 使用NgFor元素进行HostListener /绑定
我有用户列表 . 我希望当光标悬停在按钮上时，它将 *ngIf 设置为true，然后显示有关用户的信息（当光标离开按钮时为false） . 用户list.html <div *ngFor="let user of users"> <h1>{{user.name}}</h1> <div onUserHover *ngIf=&quo... -
3 votes3 answers603 views
* ngIf * ngfor里面验证for循环的每个项目
<li *ngFor="let year of paper?.years" class="list-group-item"> <div> <a r... -
0 votes2 answers229 views
ngIf在Angular 2中显示另一个DOM元素
不确定这是否可行，但我正在构建一个动态的HTML产品表 . 我正在评估每个产品的"updatedDate"并确定该日期是否小于当前日期减去7天 - todayMinusSeven 天是我在我的TypeScript组件文件中声明的变量，将其初始化为当前日期减去七天： this.todayMinusSeven = new Date(); this.todayMinusSeven... -
1 votes1 answers752 views
ng如何分别绑定每个元素
我正在尝试在Angular 4中构建一个仪表板 . 在该仪表板中，我使用* ngFor迭代json（通过服务来）并在卡片中显示了一系列报告 . 在每张卡片中， Headers 上都有一些图标，点击后会执行一些操作，例如工具提示内的刷新，下载，弹出信息，pin-unpin等 . 为此，我想到使用变量来绑定那些元素，如（click）= "function()"，还有[@animat... -
1 votes2 answers878 views
使用* ngFor迭代数组，同时也过滤某个属性[重复]
这个问题在这里已有答案： How to apply filters to *ngFor? 21个答案 在我的Angular 2应用程序中，我想知道是否有一种方法可以迭代数组，同时还可以过滤 *ngFor 块中的某个属性 . 所以语法看起来像这样： <ng-template *ngFor="let flag['completed === false'] of service.fl... -
1 votes1 answers180 views
ng-template上不能有活动？嵌入式模板上的任何指令都不会发出事件绑定
我试图简单地使用* ngIf;否则渲染一个按钮，但不断收到此错误 . 看来我的ng-template上没有活动？事实并非如此 . 我必须做一些明显错误的事情 . 事件名称（单击）显然拼写正确，从我所知道的所有指令我需要浏览器和公共模块导入并列在NgModule元数据中 . 错误： 嵌入式模板上的任何指令都不会发出事件绑定 . 确保事件名称拼写正确，并且所有指令都列在“@ NgModule.dec... -
1 votes0 answers577 views
在Angular中的单个页面中管理多个模板
我有一个用例，我需要1个视图（模板）根据条件显示在屏幕上 . 他们有超过10个模板可用，但一次只能看到其中一个模板 . 以下哪种解决方案最相关 在每个div上使用ngIf 使用ngSwitch并根据条件显示div 使用模板（如何管理） 任何其他方式..？ 我想为每种视图类型使用模板，以便我的代码保持干净和可伸缩 . -
0 votes2 answers1208 views
* AngFor 5中<tr>元素的ngFor和* ngIf
在我的Angular 5应用程序中，我正在循环创建 tr 元素： <tr *ngFor="let element of elements"> 但我只想在符合某些条件的情况下显示该行 . 我知道我不能一起使用 *ngFor 和 *ngIf 但是我没有看到如何解决这个问题 . 我看到一篇帖子说要在一个带有 [ngIf] 结构的tr中添加一个模板，但这似乎不再是有效的语... -
5 votes2 answers1158 views
具有异步管道多个条件的Angular * ngIf变量
在Angular中使用* ngIf的文档非常好：https://angular.io/api/common/NgIf但是，是否可以使用* ngIf异步变量并对其进行多次检查？就像是： <div *ngIf="users$ | async as users && users.length > 1"> ... </div> 当然，可以... -
0 votes1 answers1382 views
在ngStyle绑定到方法的组件上的Angular * ngIf？
我正在使用Angular 5，虽然我不知道我的问题是否与版本或Angular或我编写组件的方式有关 . 我正在创建一个看起来和表现得像 table 的组件 . 它由两个主要部分组成：工具栏和表本身 . 以下是我的模板的简化示例： <div class="list__table"> <!-- The toolbar --> <div class... -
29 votes3 answers93 views
如何有条件地围绕ng-content包装div
取决于（布尔）类变量的值，我希望我的 ng-content 要么被包裹在div中，要么不被包裹在div中（即div甚至不应该在DOM中）...什么是最好的方法走吧？我有一个Plunker尝试这样做，我认为是最明显的方式，使用ngIf ..但它不工作...它只显示其中一个布尔值的内容，但不显示另一个 亲切的帮助谢谢！ http://plnkr.co/edit/omqLK0mKUIzqkkR3lQh8... -
0 votes4 answers5981 views
显示角度反应形式的错误消息的最佳方法，一个 formcontrol 多个验证错误？
我按照棱镜角形验证错误示例的建议方法显示反应式表单错误消息。 在页面上显示错误的 HTML 代码： <div [formGroup]="myForm"> <div> <input type="text" formControlName="firstName"/> <div *ngIf=&quo... -
40 votes4 answers807 views
角度4 * ng如果其他？
如何在* ngIf语句中包含多个案例？我已经习惯了Vue或Angular 1有if，else if和else，但似乎Angular 4只有一个真（if）和false（else）条件 . 根据文档，我只能这样做： <ng-container *ngIf="foo === 1; then first else second"></ng-container> ... -
0 votes1 answers1142 views
ngIf取决于Angular 4中的数字绑定图像
<td *ngFor="let user of userService.users | async"> <div *ngIf="user?.data.apps.details[0].acknowledged as fooIcon"> <img *ngIf="fooIcon === "1" &qu... -
1 votes2 answers541 views
内部角度为4 ngIf，因为没有按预期运行
我遇到的问题是我没有从* ngFor中的* ngIf语句中获得预期的功能 . 我正在使用它来迭代自定义验证消息，每个ngIf都有一个唯一的语句 . 以下是我正在使用的component.html文件： <div class="form-group"> <label for="{{title}}">First Name:</lab... -
0 votes1 answers306 views
Angular 4，使用ngIf进行条件显示
帮助修复条件以显示数据 . 我通过异步服务得到M的模型，所以我使用> model？.something <notation来避免错误，当模型仍未定义时 . title为null或'somestring' . 表达有问题 . 无论我选择什么形式，它总是显示一个案例 . 我早期避免使用此类型表达式，无法正确转换为打字稿 . import { Component } from '@angu... -
0 votes1 answers1441 views
模板中的角度4 * ngIf
在模板中我有一个表我想要的如果输入.status ===“应用错误”然后它应该返回一个链接（锚标记>否则只是一个conext . 我尝试下面的代码，但它给我错误 - 模板解析错误 . 任何帮助 . <ng-container *ngFor="let entry of Entries;let idx=index"> <td *ngIf=&q... -
0 votes1 answers1229 views
为ngFor值添加ngIf条件
我有一个ngFor，我带来了所有的数据 . 现在，如果状态为非活动状态，我需要隐藏一些按钮 . 我正在考虑使用ngIf . 但我不知道怎么写条件 . 如何检查状态是否处于非活动状态并为这些状态添加NgIf条件？ <tbody id="address-list" *ngIf="addressData"> <tr *ngFor=&quo... -
0 votes0 answers423 views
在* ngFor中使用* ngIf来显示某些选择性元素
我在我的组件html中有一个div，我想在页面加载时隐藏它，并希望在链接点击时显示 . 我在* ngFor循环中有多个div，并且我已经为每个div分配了* ngIf = showReply [commentData.id]，以便在组件加载时保持隐藏状态 . 后来当我点击链接时，我调用了一个函数，我将id设置为true . 下面是HTML片段： <!-- Reply Link --> ...