ngFor angular 2+内部的ngSwitch

文章/答案/技术大牛

发布

1回答

、、、

我正在将一个旧的angular 1应用程序移动到angular 2+，并且需要在数组A的元素=一个已知值时显示数组B的元素。<div [ngSwitch]="spell.level"> <small class="text-muted"="let class of spell.classes&qu

浏览 10提问于2018-01-04得票数 2

回答已采纳

10回答

如何在Angular2 ngSwitch语句中使用类型标枚举值

、

类型记录枚举似乎与Angular2 2的ngSwitch指令相匹配。但是，当我试图在组件的模板中使用枚举时，我会得到“无法读取在.中未定义的属性'xxx‘”。如何在组件模板中使用枚举值？请注意，这与如何根据枚举(ngFor)的所有值创建html选择选项不同。这个问题是关于基于枚举的特定值的ngSwitch的。尽管创建枚举的类内部引用的方

浏览 24提问于2016-03-07得票数 201

回答已采纳

1回答

Angular2 -不能绑定到“ngSwitchCase”，因为它不是已知的原生属性

、

我在我的.html文件中显示了两个列表。我试图使我的代码不重复，所以我决定使用ngSwitch，但我得到一个错误，当我做下一件事： <div *ngSwitchCasednd-sortable-container [dropZones]="['zone-one']" [sortableData]="listOfPeople">

浏览 3提问于2016-07-30得票数 17

1回答

在工具栏中，当与[ngSwitch]一起使用时，工具栏(md- Angular2 )不会加载按钮

、

我以这种方式创建了一个带有菜单按钮的工具栏：<div class="header-wrapper m-x-30 clearfix"> </div> </div></md-toolbar&g

浏览 1提问于2017-01-13得票数 0

1回答

如果区段中没有值，则显示“无注释”

、、、

我有一个带有表单的组件，用户可以在其中上传包并留下评论，但如果没有用户的评论，我就不能让它显示一些值。

浏览 10提问于2021-02-05得票数 0

1回答

Telerik angular2网格模板开关

、

我正在尝试用angular2制作Telerik Grid。在我的component.ts中，我有： { name: 'id', desc: 'ID' },</template>我想对每一列应用不同的处理。在这种情况下，如何在ngFor模板之后应用ngSwitch</em

浏览 2提问于2017-01-31得票数 0

6回答

只带Angular2 ngSwitch的<template>

、

我想使用ngSwitch有条件地呈现一些内容，但我希望该内容是唯一要呈现给DOM的内容。我将用一个例子来说明。这就是我目前的情况： <template ngSwitchWhen="foo"> <div>DOG<

浏览 7提问于2016-06-09得票数 27

回答已采纳

2回答

在ngSwitch中使用Angular2中有条件属性的on对象

、

我正在制作一个Angular2应用程序，并从服务器上检索一系列设备。并不是每个设备都有“品牌”或“类型”的属性。我想显示其中任何一个，但如果他们都错过了，我想显示‘设备#’。我试着用ngSwitch，但似乎不能让它工作.<div *ngFor="let device of devices; let i=index"> <a *ngSwitchCase="devic

浏览 2提问于2016-11-03得票数 4

回答已采纳

1回答

在哪里可以找到完整的Angular结构指令列表？

、

在哪里可以找到完整的Angular结构指令列表？我知道这些：*ngIf*ngSwitchDefault*ngTemplateOutput 还有其他的吗？我想一定有一个完整的列表，但到目前为止，我还没有找到它。

浏览 5提问于2020-08-05得票数 0

1回答

有没有办法翻译带有Angular本机国际化机制的绑定？

、、、、

问题<p>This is a hard coded text</p> 在我的模板中几乎不存在这种情况。在我的组件中，我经常将文本绑

浏览 21提问于2018-08-23得票数 0

2回答

为什么有些Angular指令需要以开头？*

为什么有些指令需要以*开头？例如，在下面的代码片段中，指令matHeaderCellDef以*开头。相反，matColumnDef并非如此。 <th mat-header-cell *matHeaderCellDef> Tag </th></ng-container>

浏览 0提问于2018-06-01得票数 2

1回答

无法在ngSwitch中正确使用枚举

、、、、

我有三个按钮来显示三个不同的列表，所以我想添加enum来帮助我决定使用ngSwitch显示哪个列表，但是我得到了一个错误。class="md-primary">Cars</div> <div [ngSwitch]="currentListView"

浏览 3提问于2016-07-31得票数 6

回答已采纳

3回答

带有自定义构件的角度材质选项卡

、、、

我有一个用于创建材质选项卡的对象列表，如下所示： <mat-tab-group> </mat-tab-group> 我需要为每个标签添加一个单独的角度组件有没有一个很好<e

浏览 20提问于2019-03-22得票数 1

1回答

绑定到ngFor内部数组的Angular* 2+组件*

、、

我有一个带有@Input和@Output参数的自定义数字选择器组件：@Component({ template: ` <h2>Picker1 & 2 seems connected in

浏览 0提问于2018-06-18得票数 0

0回答

ngFor中ngIf的Angular 2显示问题

在angular 2中的ngFor中嵌套ngSwitch/ngIf指令时，有没有人看到过显示问题？<ng-container *ngIf="allowedActions"> <button *ngFor="let action of displayActions(row)" mat-menu-item

浏览 4提问于2017-12-06得票数 0

2回答

角2 ngSwitch嵌套在ngFor中

在ngSwitch中使用ngFor的正确方法是什么？如果执行以下操作，将收到错误 <span [ngSwitch]="{{

浏览 0提问于2016-07-25得票数 0

回答已采纳

1回答

ngIf可以引用Angular* 1.5中嵌套的ngFor中的变量。如何在Angular 10中实现同样的目标？*

下面的代码可以在Angular 1.5中运行。只有在启用了该行键的'showFields‘标志时，才会呈现该元素。<table> <tr *ngFor="let row of rows"> <td>{{row.value}}</td&

浏览 31提问于2020-12-10得票数 0

回答已采纳

1回答

有条件地将子组件导入父组件的模板angular* 5*

、、

基于父对象的数据，我应该在*ngFor循环中加载适当的组件。下面是我的代码： <div *ngIf="some conditions"

浏览 1提问于2018-02-13得票数 0

1回答

我试图根据aType.Name在ngFor循环中的值呈现6个自定义组件中的一个。以下是我的开关语法： <div *ngFor="let aType of resourceTypes; let i = index" role="tabpanel" class="tab-pane"ngSwitch上找到示例，但它们都没有尝试在switchWhen块中呈现自定义组件。例如，这是我的带有嵌入式ngFor

浏览 1提问于2016-06-21得票数 2

回答已采纳

2回答

angular2条件ng-模板与条件div

、、

我正在试图找出Angular2的结构指令，目前，我找不到条件div和条件ng-template之间的区别。从技术上讲，这个代码： <other-component></other-component>将对此代码执行相同的任务： <other-component>

浏览 1提问于2018-07-16得票数 2

回答已采纳

点击加载更多