帶角度按鈕的動態桌面

我想在AngularJS中構造一個帶有按鈕/輸入框的表格。
在第一列中應該有一些類別名稱ID，名稱，性別。第2-5列應該有幾個輸入（用於ID或名稱）或用於性別的下拉框。像Person1，Person2，Person3和Person4這樣的每一欄的標題。

我試圖通過AngularJS中的ng-repeat來做到這一點，但我不知道如何正確設置。

帶角度按鈕的動態桌面

而且，我需要做到這一點的人都成列..

我的基本代碼是至少在數據（和數據應該是編輯）：

$scope.data = [{ 
    "person":"person1", 
    "characteristics":[{"_id": "001"}, {"name":"Andi"}, {"gender":"Male"}] 
},[{ 
    "person":"person2", 
    "characteristics":[{"_id": "002"}, {"name":"Ben"}, {"gender":"Male"}] 
}];

我發現了一些小提琴的例子，但他們都沒有爲我工作.. 有什麼線索我可以開始嗎？

非常感謝和歡呼聲，安迪

來源

2015-10-07 Andi Maier

我不得不採取一些調戲你的數據，因爲我看不到的結構的需要，因爲它是

$scope.data = [{ 
person: "person1",characteristics: {_id: "001",name: "Andi",gender: "Male"}},{ 
person: "person2",characteristics: {_id: "002",name: "Ben",gender: "Male"}}]

然後將HTML，雖然不是很優雅，會是這樣的：

<div class="panel panel-default col-sm-10"> 
    <table class="table table-striped"> 
    <thead> 
     <tr> 
     <th>Category</th> 
     <th ng-repeat="p in data">{{ p.person }} 
     </th> 
     </tr> 
    </thead> 
    <tbody> 
     <tr> 
     <td>Id</td> 
     <td ng-repeat="c in data"><input type="text" ng-model="c.characteristics._id" /></td> 
     </tr> 
     <tr> 
     <td>Name</td> 
     <td ng-repeat="c in data"><input type="text" ng-model="c.characteristics.name" /></td> 
     </tr> 
    </tbody> 
    </table> 
</div>

來源

2015-10-08 00:15:45 jbrown

非常好，非常感謝你的代碼！ –

帶角度按鈕的動態桌面

回答

相關問題