Лабораторная работа №6
Здесь будет описание
- Ковызина ИДБ-13-13
- Скакленева ИДБ-13-14
- Панфилкин А.А. ИДБ-13-14
- Антипов А. А. ИДБ-13-13
Предварительная информация - лекция про языки программирования и понятие фреймворк
Клонировать репозиторий https://github.com/Adrinalin4ik/Angular-todo-list в свою личную папку в общем репозитории. После чего обновить песочницу.
Перейти на страницу с проектом и убедиться в том что все работает правильно. Ссылка должна выглядеть следующим образом: http://paul.1gb.ru/stankin/oop/sandbox/idb-13-<НОМЕР ГРУППЫ>/<ФАМИЛИЯ>/angular-todos В результате должно получиться то же самое как на странице: http://paul.1gb.ru/stankin/oop/sandbox/idb-13-14/panfilkin/angular-todos/#!/
Теперь необходимо внести изменения в файл controllers/todos_controller.js, добавив несколько строк в массив с задачами. Обновить песочницу и посмотреть, применились ли изменения. Если все хорошо, то можно приступать к следующему шагу.
$http.get("/test/database.json")
.then(function(response){
console.log(response)
$scope.lists = response.data.lists;
console.log($scope.lists)
});
Теперь данные подгружаются из json файла, который должен находиться в папке test/database.json
Внешний вид можно изменить при помощи css файлов, находящихся в соответствующей папке. Пример: Для того чтобы изменить цвет шапки, нужно перейти в файл application.css, найти
/* Для синей строки*/
.header{ font-family: 'OpenSans-Light'; background-color: #4895D1; color: white; height: 50px; }
и изменить
background-color: #ff8080;
Диаграмма
