ngfor

0熱度

1回答

Ionic 2/3 - * ngFor問題 - 只有少數元素加載，鎖定手機的屏幕加載其餘

我在使用* ngFor在Ionic 2中遇到了問題。基本上目的是打印很多縮略圖和細節畫廊風格的畫面。在加載圖像之前，我預加載圖像名稱和圖像的標準離子圖標。然後它將開始基於文件路徑加載縮略圖。但是，我遇到的問題* ngFor一次只加載50個離子圖標和縮略圖名稱，其餘加載我必須鎖定手機屏幕並再次解鎖。他們幾乎都會馬上加載 - 屏幕鎖定兩秒後。有大約900多個圖像被加載順便說一句。在嘗試在* ngFo

0熱度

1回答

Angular 2+，在ngFor中創建的表單中指定輸入類型屬性

UPDATE ----- 我可以用一個方法顯示一個datepicker，將「date」傳遞給輸入類型。但是現在我想要使用更好的組件，即Angular Material Datepicker。現在我的代碼如下;我看不到日期選擇器標籤，我跟着零件導向使用它......但我只有一個空場... <form class="form-inline"> <div class="form-group"

-1熱度

2回答

在Tr上顯示數據4

我的代碼有什麼問題嗎？是否有語法錯誤，因爲我的錯誤說意外的結束標記「tr」。當標籤已被另一個標籤關閉時，可能會發生這種情況。有關詳細信息，請參閱https://www.w3.org/TR/html5 syntax.html＃closing-elements-that-have-implied-end-tags（「」fa fa-trash-o「aria-hidden =」true「>刪除 [錯誤 -

1熱度

3回答

ngFor當陣列更新時不從列表中刪除舊條目

我正在使用ngFor迭代一個簡單的數組以輸出列表項。在某些時候，我想重新創建數組內容並更新ngFor內容。將數據推送到數組似乎按預期工作（即項目被添加到組件模板列表的末尾），但是當我從頭開始重新創建數組時，似乎舊數據不會被刪除？ tests = [{output: '1'}, {output: '2'}]; clear(){ this.tests = [{output: '3'},{

2熱度

4回答

angular2：如何循環數字？

我有一個項目集合，其中每個項目都有一個rank屬性，它是一個數字。我婉循環超過這個數字，這裏是我已經試過： <div class="col-md-3 col-sm-4 item-container" *ngFor="let item of items"> <div class="item"> <p class="rank"> <img src="" class=

0熱度

1回答

構造函數被稱爲* ngFor中的重複由於@ViewChild

我有一個角2組件，我已經創建了，我在* ngFor指令中使用，並且它看起來構造函數被調用兩次爲每個實例。所以如果我有2個記錄返回到我的集合，我的組件的構造函數被輸入4次。如果我有三個構造函數被解僱6次。這對我造成了一些問題，因爲我在構造函數中訂閱了RxJs observable，因此我的事件正在重複執行，所以在處理刪除事件時，代碼嘗試多次刪除相同的記錄，）電話。代碼結構是這樣：最外面的組

0熱度

1回答

ngFor類的第一個和最後一個實例執行此操作

我正在使用Angular 4+。請注意：第一個和最後一個需要基於類實例，而不是元素。所以先讓一個先在ngFor中不起作用。我目前導入jQuery來處理這個問題，但想看看有沒有辦法不使用jQ。在組件TS文件： items: any = [{number: 0, text: 'blah blah'},{number: 0, text: 'blah blah'},{number: 1, text: '

-1熱度

2回答

角度：如何Concat的標識和名稱選項值

我有一個*ngFor options， <select class="form-control" formControlName="industry"> <option *ngFor="let industry of industries" [value]="industry._id industry.name_en">{{industry.name_en}}</option> </

0熱度

1回答

如何在angular4中的迴路中單擊時切換兩個div

這是對問題how to show/hide dynamic id of div's in angular2提及的問題的參考。我準備好了一個可以顯示我所面臨的問題的重拳嗎？在這裏，我想分別在4個框中切換btn1和btn2。要求是在box1中，btn1被點擊，'subRegion'應該顯示& 'productLine'應該隱藏;當點擊btn2時，'productLine'應該顯示並且'subRe

1熱度

1回答

角* ngFor返回對象的數組[錯誤：無法找到一個不同的支持對象]

我想在HTML如下顯示的數據列表： Home.ts： this.key = 0 objects = {} // The correct setting was objects = [] thanks! snapshot.forEach(doc => { this.objects[this.key] = { firstname: doc.id, la