如何在Angular中对JSON数据使用* ngFor?

时间:2017-06-07 19:06:23

标签: json angular typescript

我正在尝试创建一个dymanic表,其中行和列被定义为数组和JSON对象。我能够动态构建列标题。但是这些行没有被渲染。我来自angularjs 1.x背景和新角色。

请帮助我们了解问题所在。这是plunker https://plnkr.co/edit/BG22Z1videTlzU3SrjcT?p=preview

<table class="table">  
            <thead> 
                <tr> 
                    <th *ngFor="let column of columnNames">
                        {{column}}
                    </th>                       
                </tr> 
            </thead> 
            <tbody> 
                <tr *ngFor="let userDate of userDateObj">                       
                    <td>{{userDate.name}}</td> 
                    <td>{{patientData.dob}}</td> 
                </tr>                         
            </tbody> 
        </table> 

2 个答案:

答案 0 :(得分:0)

我观察到你的plunker userDateObj不是数组。您需要将其更正为

public class ChatServer {
    public static void main (String[] argv) {
        try {
            System.setProperty("java.rmi.server.hostname","127.0.0.1");
            System.setSecurityManager(new RMISecurityManager());
            Scanner s=new Scanner(System.in);
            System.out.println("Enter Your name and press Enter:");
            String name=s.nextLine().trim();

            Chat server = new Chat(name);   

            Naming.rebind("rmi://localhost/ABC", server);

            System.out.println("[System] Chat Remote Object is ready:");

            while(true){
                String msg=s.nextLine().trim();
                if (server.getClient()!=null){
                    ChatInterface client=server.getClient();
                    msg="["+server.getName()+"] "+msg;
                    client.send(msg);
                }   
            }
        }catch (Exception e) {
            System.out.println("[System] Server failed: " + e);
        }
    }
}

我已编辑了该编辑器,请找到更新here

答案 1 :(得分:0)

使用* ngFor该对象需要是一个数组。如果它不是数组,那么您可以使用管道转换为数组。