Динамические столы с кнопками в Угловые

Question

0 Я хочу построить таблицу с кнопками/вводами в AngularJS.
В первом столбце он должен иметь идентификаторы имен категорий, имя, пол. Столбцы 2-5 должны иметь несколько входных данных (для идентификатора или имени) или для столбцов по умолчанию. Заголовок каждого столбца в чем-то вроде Person1, Person2, Person3 и Person4.

Я пытался сделать это через ng-repeat в AngularJS, но я не знаю, как правильно настроить его.

Кроме того, мне нужно сделать это, что лица перечислены в колонках ..

Мой основной код по крайней мере, для данных (и данные должны быть доступны для редактирования):

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

Я нашел несколько примеров скрипки, но никто из них не работал на меня. Есть ли какие-нибудь подсказки, как я мог бы начать?

Большое спасибо и веселит, Andi

Answer 1

я должен был принять некоторые вольности с данными, потому что я не мог видеть потребность в структуре, как это было

$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>