ngfor

    0熱度

    1回答

    我有一個顯示在右側欄中的動態圖標列表。圖標會根據用戶的操作傳遞到側邊欄。這種動態的圖標陣列使用ngFor顯示。 不幸的是,一些圖標來自Font Awesome,一些來自Google Material。 <!--Font Awesome--> <i class="{{myIcon}}"></i> <!--Material--> <md-icon>{{myIcon}}></md-icon>

    1熱度

    6回答

    我一直在試圖構造一個動態的輸入對話框,並且有多個列。 Basicaly有一個字段列表,每兩個字段我想構建一個行。我嘗試這個樣子(即使不知道這是可能的) <div *ngFor="let f of fields; let i = index"> <div class="row" *ngIf="i % 2 = 1"> <div *ngFor="let field of [fiel

    6熱度

    1回答

    我正在試驗Angular2和Angular Material。我用*ngFor讓Angular爲我生成了<input>元素。但是,在生成的網頁中,生成的元素不具有name屬性。 這是order-form.component.html的代碼,其中要求用戶輸入不同種類的水果的數量的一部分: <md-list-item> <md-icon md-list-icon>shopping_cart<

    0熱度

    2回答

    我試圖創建不同的頭部和主體並將頭部固定,Iam能夠將頭部固定但面對對齊問題。下面是我的代碼 HTML: <table class="table table-bordered table-font" style="margin-bottom: 0px!important;margin-left:38px;width:97%!important"> <thead class="blue-bg

    1熱度

    2回答

    我需要顯示以下UI模板列表中嵌套ngFor重複使用嵌套ngFor: 2017年3月17日: 上午07點26分項目1,項目2,項目3 07:15上午項6,項目5,項目4 07:10上午 Item7,Item8,Item9 2017年3月16日: 上午08時26 Item10,Item20,Item30 08:15上午 Item60,Item50,Item40 上午6時10 Item70,Item80

    2熱度

    1回答

    我有以下手風琴列表,使用ng重複填充頁面與數據從數據庫中的數據,在頁面加載手風琴的時刻在那裏,有數據裏面,但如果我點擊在第一個關閉時,只有第一個可以打開和關閉。 <div class="bs-example"> <div class="panel-group" id="accordion" *ngFor="let message of messages"> <div clas

    2熱度

    1回答

    我有這樣的HTML列表生成輸入 <ul class="list-unstyled"> <li class="form-group" *ngFor="let checkNum of checkNums; let n=index"> Check #{{checkNum}}: $<input name="check{{checkNum}}" type="number" min=

    0熱度

    1回答

    我試圖顯示基於一些JSON的圖表。在ngFor內 [ { "name": "Completed", "value": 50 }, { "name": "Remaining", "value": 50 } ] :我做了一個管道來訪問JSON對象的各個部分,但不知道如何使用數據,這看起來是這樣的。 所以通常我會做這樣的事情: <ngx-charts-advanced-pie-chart

    3熱度

    1回答

    我有以下ngFor代碼循環通過一個對象。 <a *ngFor="let pictures of picturesData" href=""> <img [src]="pictures.img" alt=""> </a> 我想顯示每2個<a>標籤後<hr>(而不是等到最後2)爲了得到類似以下的輸出的東西: <a href=""><img /></a> <a href=""><img

    0熱度

    2回答

    我的數據這個數據有2處和另一個具有一個辦公室 "id": "1", "username": "test", "groups": "Admin", "office": [ { "officeid": "2", "officename": "moon" }, { "officeid": "3",