Разработка гибридных приложений под android с использованием HTML, CSS, AngularJS, Ionic ч.6

Автор Andrei Golubev
Разработка гибридных приложений под android с использованием HTML, CSS, AngularJS, Ionic ч.6

Всем привет.

Меня зовут. Артём Дима и мы продолжаем создание нашел приложения с использованием angular ionic HTML CSS и JavaScript. Я бы хотел кое-что добавить к пользовательскому интерфейсу.

Обрати внимание, что когда мы добавляем задачу.

У нас тут нет кнопки которая была отмечалось выполнено выполнено ли она или нет, но на самом деле когда добавляем новую задачу — это такое переключать они особенно актуальны, но когда мы редактируем задачу. Почему бы и нет вполне имеет место быть такое выключатель можно добавить и в этот, что нам нужно сделать чтобы он там оказался мы будем использовать встроенный которые идут вместе с остальными видами ионика как он добавляет. Для начала я хочу добавить в стиле ли статья в том, что они. Предлагает свою оформление и. Чтобы не изобретать велосипед, но и просто будем использовать то, что они тоже нам даёт classlist и он получит такой интересное оформление там отделение от основного контента. В общем путем проб и ошибок. Я понял, что — это самый лучший вариант класс идём идём. И на самом деле — это подразумевает, что даже если вы хотите добавить или ещё элементы можно использовать тот же лист или и добавить. Просто то, что вы хотите чтобы была под или над этим элементом spend less и в этом плане. Нам нужно будет указать. А ну скажем так заголовок или, что — это элемент делает то есть по сути они выполнено и теперь мы добавим сам элемент он оборачивается в лейбл тоже вот так злые класс позитив у нас будет синий Input. Разумеется должен быть стоит kixbox и чтобы два раза не вставать сразу привяжем этот чай бокс к нашему нашему модулю актив наши модели да давайте. Напомни, что имеется в виду потому, что мы когда добавляем новые тоскливо редактируем. Мы работаем с объектами. Вектор в которые входит тайтл и дескрипшн. Майдан и мы просто будем через тропинку редактировать объект на мне потребуется создавать дополнительных функций опять-таки встроен. А я никому я так div Class кидалки. Давайте посмотрим, что у нас получилось купить чайник и он оказался под кнопками выполнить я сохранил. И — это не переключилась. О'кей давайте сейчас мы совсем этим разберёмся, а сохранились и не работает. Как же так как я мог забыть. Давайте сначала так. Верни всё на место. Так теперь вот — это я должен был поставить да ну так давайте теперь посмотрим, что всё на месте да OK отображается прекрасно реагирует с ясли. Открой задачу которая помечены. Как сделана и он тоже намечается если вас до сих пор не романтично таким образом вы не помечен ты тоже прекрасно теперь нам нужно добавить функционал сохранение надо мне тут ничего сложного для начала мы добавим атрибут формула. Пусть функция называется сабмит и внутрь этой функции мы будем передавать Active Task наш коллектив и эту функцию мы создадим копия. Донецк и функция должна для начала проверять редактируемые существующий так. Либо мы реактивные создаем новые потому, что мы используем одну и ту же функцию для сохранения и для добавления нового поэтому мы — это делаем через проверку карта Skyrim если карта сходи равняется минус единице кто. Значит мы добавляем мы добавляем новый новую задачу мы. Передаем объект новые задачи прошу прощения. без крыши если новая задача дан. Ну можно писать сразу. Фолз А можно использовать точно. Берлину вдруг кому-то захочется создать задачу которая уже вот он почему бы и нет то — это дело мы добавили. Теперь всё остановись. Так теперь мы должны обработать ситуацию когда мы добавляем добавляем новую задачу. А редактируем существующим давайте выйдем scope ископ account Task 1 покороче потому, что я сейчас буду менять данные из ajax. Так, что хотелось бы чтобы — это было покороче и не использовать — это они они все и вместо этого мы используем да да и после того как мы сохранили нужно закрыть копируем просто так писать иду на пати. Хард Давайте посмотрим. Работаем или мы так редактируй купить чайник обладает купили нам — это удалось и добавление нового элемента 123 добавить он добавил сам. Добавить новый элемент и он опять такие доварился. Отметь мне выполнением и всё работает прекрасно. Если мы — это фирма платить меняется и сохранить тоже меняется и вместо слова добавить так. Хорошо теперь в нашу задачу входит следующая нам нужно чтобы всё вот — это дело сохранялось. И если даже после перезагружаем всё — это оставалось на месте потому, что — это так будет работать в телефоне не хотелось бы чтобы. Красном открываю задачи губы то есть либо базовыми задачами. Либо мы будем всегда сохранять так называемым Local storage каждой браузере есть Local storage. Ну Star explorers нас не интересует просто по той причине, что на смартфонах их нет так спала и мы будем использовать слова слова делается очень просто через команду через час к Windows всё — это будет храниться в переменной Task и мы будем просто сохранять angular to Jason просто сохранять всё из-за гороскоп. А когда мы загружаемся нам нужно чтобы всё — это дело отображалось то есть вместо вот этого. Как делается очень просто мы. Для начала проверяем. Существует ли какие-то данные в localstorage для этого мы способны следующие погода в онгудае рядом есть определённый набор встроенных на них is undefined она просто будет проверять.

0 комментариев
0

Читайте также