ngfor 相关问题

Angular NgFor指令从iterable中为每个项实例化一次模板。

如何在同一行中获取 *ngFor 的值

{{val}} 值数组中有 3 个值。每个 val 都在不同的行中打印。我希望所有 3 个值都在同一行中。怎么做??

回答 3 投票 0

带有 ngFor 的 Angular mat-tab-group :动态定义 tabindex

我有一个角度 Web 应用程序,其中选项卡组必须具有强制选项卡(用于发布新对象)和动态选项卡(用于编辑现有对象)。 我想精确定义

回答 0 投票 0

ngFor如何区分同一类的两个实例?

我花了好几个小时阅读了很多关于 ngFor 的文档和示例,他们总是做同样的事情:定义类,导出它并迭代它。我在这里举了一个例子: {{标题}... 我已经阅读了很多小时关于ngFor和他们总是做同样的事情的文档和例子:定义类,导出它并迭代它。我举个例子: <h1>{{title}}</h1> <form> <input type="text" name="nombre" [(ngModel)]= "nombre"><br/> <input type="text" name="apellido" [(ngModel)]= "apellido"><br/> <input type="submit" name="registrar" (click)="Register()"><br/> </form> <br/> <p *ngIf="registered; else notregistered">{{message}} con el nombre de {{nombre}} {{apellido}}</p> <ng-template #notregistered> <p>nadie registrado</p> </ng-template> <br/> <br/> <ul> <li *ngFor='let entry of entrys'>{{entry.title}}</li> </ul> interface Entrys{ title:string } export class AppComponent { title = 'Registro'; message = ''; registered = false; nombre:string = ""; apellido:string = ""; entrys:Entrys[]; constructor(){ this.entrys=[ {title:"hola1"}, {title:"hola2"}, {title:"hola3"}, {title:"hola4"}, {title:"hola5"}, {title:"hola6"}, ] } Register() { this.registered = true; this.message = "user registered" } } 我的问题是:如果我用不同的值声明和初始化两个不同的AppComponent对象,ngFor会做什么?看来ngFor没有根据文档区分对象。 对不起,如果我的问题写得不是很好,但我是用手机写的,我开始学习 Angular.

回答 0 投票 0

Angular,如何将数据从一个组件传递到另一个组件?

我正在尝试将数据从父组件传递到子组件。电影搜索组件使用服务功能来收集数据然后处理数据,以便它的标题和 ID 信息...

回答 0 投票 0

不能使用下拉菜单访问对象,ngFor [closed] 。

请在下面的链接中找到代码示例,以了解更多细节 https:/stackblitz.comeditangular-table-with-menu 我在table tr内创建了一个下拉菜单,我想在下拉菜单上调用一些函数,按照预期,每次点击行都应该通过函数参数来转移渲染对象,但它总是转移第一个元素。

回答 1 投票 -1

*ngFor与子数组

(对不起,这个主题,但我不认为有什么其他的东西) 你好,我得到JSON数据的方式如下。{ (... 一些东西...) "credentials": { "credential": [{ "username": "...

回答 1 投票 0

Angular - *ngFor

在我的Angular项目中,我不知道为什么*ngFor不给我显示一个标签:没有 "*ngFor "没有 "*ngFor "没有 "*ngFor "有*ngFor有*ngFor有*ngFor谢谢。

回答 2 投票 -1

Angular 在*ngFor中传递插值数据回组件。

我目前正在迭代属于一个父级(Policy)的文档集合。我需要从元素中获取一个特定的属性,然后发送到我的后端进行处理。当我使用绑定...

回答 1 投票 1

Angular 9应用程序 "NgFor只支持绑定Iterables,如Arrays "错误

我正在使用Angular 9制作一个联系人应用程序。我通过以下服务获取联系人列表: import { Injectable } from '@angularcore'; import { Observable } from 'rxjs'; import { HttpClient, ...。

回答 2 投票 0

angular2材质设计如何从dataSource动态填充mat-card?

我有一个dataSource数组,我想把这些数据动态地写进几个mat-card元素中,例如我有一个大小为200的数组。

回答 1 投票 0

多重<输入>Angular中的字段。

我目前正在尝试在Angular 9中做一个输入,实际上是每个字母的不同输入。我目前似乎遇到的问题是变化检测。我看到的两种方法,以 ...

回答 1 投票 0

if else在Angular 8+中的ngFor循环内。

我想知道是否有一个选项可以把if else语句放在for循环里面。我这里有一个例子,如果有任何机会将这段PHP代码转换为Angular。PHP示例 while($row = ... )

回答 1 投票 0

离子5 - ng用于不显示数据。

我尝试了所有从数据库中显示数据的方法。数据来自数据库,但是在用户界面上没有显示任何记录。当我打印console.log的数据时,它是正确的。...

回答 1 投票 2

如何根据条件在角度ngfor循环中增加一个单独的计数器?

我有一个*ngFor循环,我需要根据循环中的元素和特定的条件递增一个customCounterHere变量。因此这个customCounter变量将与索引不同 ...

回答 1 投票 0

创建一个调查问卷,其中的问题可根据其他人的回答而定。

我试图创建一个调查与yesno问题,我将有许多问题,所以我想创建一个数组与所有的信息,然后运行ngFor显示我的问题。它工作得很完美。什么...

回答 1 投票 0

*ngFor从底部开始创建html元素

我想创建一个类似trello板的东西。为此我写了2列,样式为width = 20%,display = inline block。在一列中,我使用*ngFor来打印动态元素,而在...

回答 1 投票 0

如何在angular 8项目中ngFor每迭代5次后显示一些内容?

希望有人能帮帮我。我的目的是在ngFor的每5次迭代后显示一些内容。我试图使用切片,但实际上无法控制迭代后发生的事情。需要帮助...

回答 1 投票 -2

NgFor和组件选择器在<router-outlet&gt.内不能工作。

我使用的是angular cli,我遇到了一些问题,比如 . 当我尝试使用一个组件选择器,如 甚至在一个 它不工作...

回答 1 投票 0

如何在*ngFor中显示索引数据?

在我的Angular应用中,我有以下html内容

回答 1 投票 0

*ngFor与过滤管和切片不工作。

我有一个组件,在ngFor元素里有搜索字段和用户列表。我的目标是只显示列表中的前10个用户。下面是html部分。

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.