Angular 2 * ng用于显示所有项目的最后一项的值

Question

我有一个产品对象，它包含几个字段以及另一个组件对象的数组。我试图渲染所有组件。它显示正确的行数（基于组件数），但都具有来自数组中最后一个对象的值。这是详细信息： 产品对象：产品{productId，product desc，productComponents []} ProductComponent：{serviceCat，CGC}

这是我的HTML：

handlerRace_
    (forever $ atomically (readTChan readChan) >>= sendTextData)
    (sourceWS $$ mapM_C (\msg -> do
        users <- lift (runDB $ selectList [] [] :: Handler [Entity User]) -- query the DB
        atomically $ writeTChan writeChan msg
    ))

我在产品对象中有5个组件。它显示5行，但所有行在serviceCategory和cgc输入字段中具有相同的值，即使我在IE中的开发工具（F12）中看到了正确的组件列表。