ngfor

    -2熱度

    1回答

    陣列 users: any = [ { 'id': 1, 'name': Hello }, { 'id': 2, 'name': World } ]; HTML <div *ngFor="let bet of users[1]"> {{bet.name}} </div> 錯誤 NgFor僅支持諸如

    1熱度

    1回答

    我正在使用Angular2和語義UI,我想創建一個複選框,如https://jsfiddle.net/jp8xj0wk/2/,但當我使用* ngFor迭代時,複選框不會'噸的工作,但如果我手動插入複選框項目只有這些工作正常。 import { Component, OnInit, Input } from '@angular/core'; declare var $: any; @Comp

    0熱度

    1回答

    是否有可能與內容投影* ngFor指令結合? 例如: ... @Component({ selector: 'test', template: ` <div> <ng-content *ngFor="..."></ng-content> // <-- Phantasy example </div> ` }) export class

    0熱度

    2回答

    我想火力觀察的名單中ionic2 我查詢我的模板與服務添加到變量數組: getModel(model){ let modelQuery = this.afo.database.list(this.currentUser.username + '/models', { query: { orderByChild: 'name', equalTo:

    2熱度

    1回答

    採用了棱角分明4.0.3 我試圖創建一個組件來顯示一個數組作爲一個列表。我需要選擇將模板傳遞給此組件。如果傳遞一個模板,該列表將使用它來呈現。否則,應該使用嵌入的模板進行渲染。 我發現了一個Plunkr,它部分地解決了我想要做的事 - 它顯示瞭如何將模板傳遞給組件,並讓組件呈現使用它。它可以在這裏找到:https://embed.plnkr.co/ollxzUhka77wIXrJGA9t/ 我已經

    1熱度

    1回答

    我想在某些網格汽車組件中從數組可見的數組渲染對象。此外,我想根據我的組件中的變量(即gridCols*maxRows,使用*ngIf條件檢查)將網格數限制爲一個值。 我知道在同一個元素上同時使用*ngFor和*ngIf是不可能的。所以我需要使用<template ngFor ...> 來包裝我的網卡元素,這些元素將根據*ngFor進行有條件渲染。鑑於此,我如何可以參考或content變量*ngFo

    2熱度

    1回答

    如何獲取當數據來自管道時選擇的默認第一選項? <md-select formControlName="key"> <md-option *ngFor="let elem of (elements | TesxtFilter) ; let i = index" [value]="elem .value"> {{ elem.name }} </md-option> <

    0熱度

    3回答

    <div *ngFor="let user of userService.users | async"> <div *ngIf="user?.data.hosts.foo_icon as fooIcon"> <img *ngIf="fooIcon === 'cloud' " class="meteo" src="./app/img/cloud.png"/>

    0熱度

    1回答

    我有一個像陣列下面 standardInput:any = [{val:'1'},{val:'2'},{val:'3'}]; 當i循環在我的視圖 <div class="form-group row text-right" *ngFor='let row of standardInput' >{{row.val}} <label class="col-sm-3 form-contro

    0熱度

    1回答

    我正在開發Ionic 2的應用程序。我從JSON拍攝照片,並將數據列在console.log中。但是它們沒有顯示在HTML.Error(GET http://ukopuz.com/[object%20Object] 404(Not Found))我哪裏錯了? 數據api.service.ts import {Injectable} from '@angular/core'; import {Ht