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>`