0

Для одного проекта нужно сделать таблички. В JS я не бум-бум. С помощью Angular пытаюсь сформировать табличку, что у меня есть

<table>
<tr ng-repeat="pilot in dannye.pilots">
   <td>{{pilot.name}}</td>
   <td ng-repeat="i in pilot.rating track by $index"><input readonly="" type=text value="{{i}}"></td>
   </tr>
</table>

Пытаюсь как то так еще:

  <table> <tr ng-repeat="pilot in dannye.pilots">
   <td>{{pilot.name}}</td>
   <td ng-repeat="rating in pilot.rating track by $index"><input readonly="{{pilot.read[$index]}}" type=text value="{{rating}}"></td>
   </tr>
</table>

Главное, что если сделать так: {{pilot.name}} {{pilot.read[$index]}} В ячейке выводится строка readonly, там где она должна быть. Но как подставить это значение в атрибук readonly Чувствую, что где то хожу рядом, похожая проблема ТУТ, но пока не могу решить задачу.... Часть файла из массива JSON

[
"pilots" :
{"name": "Сидоров А. А.",
        "rating": ["4","4","4","4","4","4","4","4","4","4","4","4","4","4","4","4","4"],
        "color": ["yellow","yellow","yellow","red","red"],
        "read": ["readonly","","","","readonly",""]
        },
{"name": "Петров А. А.",
        "rating": ["4","4","4","4","4","4","4","4","4","4","4","4","4","4","4","4","4"],
        "color": ["yellow","yellow","yellow","red","red"],
        "read": ["readonly","","","","readonly",""]
        }
]

Все значения rating выводятся как надо. Но мне необходимо, чтобы в атрибут readonly тега input подставлялись последовательно значения из массива "read". Весь JSON массив у меня записывается из файла так:

var dannyeApp = angular.module('dannyeApp', []);
dannyeApp.controller('DannyeCtrl', function ($scope, $http){
$http.get('001-4.json').success(function(data) {
$scope.dannye = data; 
});
});

Возможно ли это сделать чисто с помощью Angular? Пытаюсь второй день(... Или все таки нужны какие то дополнительные телодвижения? Очень буду благодарен за помощь.

1 ответ 1

0

Нашел решение! Ура! Модет кому будет полезно оказывается (да для меня открытие), есть деректива ng-readonly в которую можно записать true или false. Отредактировав JSON типа так:

{"name": "Сидоров А. А.",
"rating": ["4","4","4","4","4","4","4","4","4","4","4","4","4","4","4","4","4"],
"color": ["yellow","yellow","yellow","red","red"],
"read": ["true","","","","true",""]
}

А HTML так:

<table>
 <tr ng-repeat="pilot in dannye.pilots">
   <td>{{pilot.name}}</td>
   <td ng-repeat="rating in pilot.rating track by $index"><input ng-readonly="{{pilot.read[$index]}}" type=text value="{{rating}}"></td>
   </tr>
</table>

Все заработало!

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.