ngfor

    0热度

    1回答

    我想在Angular 4中动态构建一个导航栏,并同时理解Angular。 app.components.ts import {Component} from '@angular/core'; export class newRoutes{ route: string; } var NEWROUTES: newRoutes[]=[ {route: "<li><a rout

    1热度

    1回答

    如果数据达到最小值8,如何添加“See More”链接?你将如何将它追加到*ngFor?有没有其他的方法? 下面是我在html <div class="suggestion" *ngIf="results.length > 0 && suggest === true"> <div *ngIf="results.length < 9; else seeMore"> <div

    0热度

    1回答

    我试着在* ngFor传递对象到另一个组件,但只传递了表中的最后一个对象,但是应该显示被单击的对象,如何解决这个问题问题? <tr data-toggle="control-sidebar" *ngFor="let user of pagedItems"> <td><control-sidebar [user]="user"> </control-sidebar>{{ use

    0热度

    1回答

    我是Angular的新手,我尝试使用材质列表和ngFor制作侧边菜单。 <md-list-item *ngFor="let linkItem of linkItems" class="{{linkItem.className}}" routerLink="{{linkItem.routerLink}}" (click)="listItemClickToggl

    1热度

    1回答

    以下是我想要实际解决的示例问题。你的帮助将非常感激。非常感谢! <div> <div> <!-- is it possible to put the item.preview here? It is outside of *ngFor --> </div> <div *ngFor="let item of items"> <

    0热度

    1回答

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

    0热度

    1回答

    <div *ngFor="let header of headers"> <widget [header]="header" (loaded)="onLoaded($event)"></widget> </div> 如何基于'onLoaded'发出一个接一个的头部。基本上,我希望小部件在每次成功的数据加载之后逐一加载(输出方法onLoaded发出布尔值)。

    1热度

    1回答

    我想在ngFor循环中有正则表达式要求的输入,但我得到“无法读取属性'有效'的未定义”错误我正在使用它作为加载页面时弹出的错误消息。 这是我的时刻代码: (该键管我是一个自定义的管道,因为项目是由对象的对象,从而使所包含的对象分解成键/值对) <div *ngFor="let item of items | keys"> <md-input-container> <input

    4热度

    1回答

    我有一个需要以不同方式显示的多种类型消息的类似于WhatsApp的聊天案例。 每个人都有自己的组件,如TextMessageComponent,FileMessageComponent等。 我希望能够ngFor一次我的消息的阵列,而不必ngIf过的类型。 我听说ngComponentOutlet可能是解决方案,但发现很难实现.. 任何建议,你觉得有用的小型演示或任何将不胜感激!

    3热度

    2回答

    我正在尝试使用*ngFor而不是使用in迭代对象的属性。当我尝试这样做 @Controller({ selector: 'sample-controller', template: ` <ul> <li *ngFor="let i in obj"> <b>{{i}}</b>: {{obj[i]}} </li> </ul>`