2016-02-07 2 views
0

Я пытаюсь сделать авто генерирующую таблицу из JSON с angularJS, но как я доступ к имени стоимости его собственного, например, это JSON я получаюУгловые JS Имя Значение JSON доступа

{"data":{"selectView":[{"employeeCode":"1","employeeFirstName":"name","employeeLastName":"lastName"}, 
{"employeeCode":"2","employeeFirstName":"name1","employeeLastName":"lastName1"}]}} 

Я послал что через main.js на мой контроллер, в котором я сделал это $ scope.employee = employee.data.selectView;

И я использую нг-повтор = «сотрудник сотрудника»

Это объект JSON, что я делаю неправильно?

Как я могу вернуть значение «employeeCode» или «employeeFirstName», я судимый (ключ, значение) в сотруднике на нг-повторе, но он возвращает целый ряд ({"employeeCode":"1","employeeFirstName":"name","employeeLastName":"lastName"})

Есть идеи?

EDIT UPDATE

Решение было <th ng-repeat="(key, val) in employee[0]">{{key}}</th>

+0

Если один из ответов ниже соответствует тому, что вы приняли, ответьте иначе, разместите свой собственный ответ и примите его. – Malkus

+0

@Malkus Забыл об этом, извините :) спасибо, что напомнил – noitse

ответ

2

Решение было <th ng-repeat="(key, val) in employee[0]">{{key}}</th>

для ТД я использовал

 <tr ng-repeat="dataItem in data" ng-click="newLocation(data[$index])"> 

     <td ng-repeat="(key, val) in dataItem">{{val}}</td> 
    </tr> 
0

Создание простой таблицы Html и применять нг-повтор на

<table> 
    <tr ng-repeat="employee in employees"> 
     <td>{{employee.employeeCode}}</td> 
     <td>{{employee.employeeFirstName}}</td> 
     <td>{{employee.employeeLastName}}</td> 
    </tr> 
    </table> 

в app.js присвоить массив JSON в $ scope.employees

0

В файле вашего контроллера/модуля (файл .Js)

$scope.data = [ 
{ 
employeeCode":"1","employeeFirstName":"name","employeeLastName":"lastName" 
}, 
{ 
"employeeCode":"2","employeeFirstName":"name1","employeeLastName":"lastName1" 
}]; 

в вашем HTML файле

<ul ng-repeat = "values in data"> 
<li>{{values.employeeCode}}</li> 
<li>{{values.employeeFirstName}}</li> 
<li>{{values.employeeLastName}}</li> 
</ul> 

Приветствия :)

+0

Я знаю основы: P вещь, я хочу, чтобы она создавала ее себя в зависимости от json, поэтому она автоматически создаст и , так что мне нужно получить доступ к " employeeCode ", чтобы поместить его в начало таблицы – noitse

0

Поскольку JSON вы получаете массив и не объект, так что вы не должны использовать (ключ, значение) , Вы должны использовать ng-repeat непосредственно на вашем массиве. в вашем controller, присвоить его переменной, как это:

$scope.myjson = {"data":{"selectView": [{"employeeCode":"1","employeeFirstName":"name","employeeLastName":"lastName"}, 
{"employeeCode":"2","employeeFirstName":"name1","employeeLastName":"lastName1"}] }} 

затем в вашем HTML,

<div ng-controller="MyCtrl"> 
<table> 
    <tr ng-repeat="emp in myjson.data.selectView"> 
    <td>{{emp.employeeCode}}</td> 
    <td>{{emp.employeeDirstName}}</td> 
    <td>{{emp.employeeLastName}}</td> 
    </tr> 
</table> 

+0

Проверьте мой главный вопрос с обновлением – noitse

+0

Как я могу вернуть значение« employeeCode »или« employeeFirstName », а не значение employeeCode, но значение, которое скажет:« employeeCode », вы меня понимаете сейчас? ? :) – noitse

Смежные вопросы