Иван Дамаскин

https://www.youtube.com/watch?v=RE2PLyFqCzE
https://www.youtube.com/watch?v=BUasdmczmMw

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

Проблема только в архитектуре: когда доступ идёт через другой протокол - данные могут не грузиться. Смотрите установленные политики в конфигурационном файле и доступы!

Не работал с Ionic, но по идее вот это событие дергается, когда все уже готово
https://cordova.apache.org/docs/en/latest/cordova/...

Тут и надо ставить класс на элемент, чтобы анимация проиграла.
В Ionic вроде есть даже специальный обработчик .ready() для этого
ionicframework.com/docs/api/service/$ionicPlatform

Нужно проверять так: $(succlass).length.
Даже если не будет найдено ни одного объекта, вернётся jquery-объект, который всегда true.

Да в принципе ничем не плох.

Можно скрипт представленный выше подкорректировать так:

$().ready(function() {
var ie10Styles = [
'msTouchAction','msWrapFlow','msWrapMargin','msWrapThrough','msOverflowStyle','msScrollChaining',
'msScrollLimit','msScrollLimitXMin','msScrollLimitYMin','msScrollLimitXMax','msScrollLimitYMax',
'msScrollRails','msScrollSnapPointsX','msScrollSnapPointsY','msScrollSnapType','msScrollSnapX',
'msScrollSnapY','msScrollTranslation','msFlexbox','msFlex','msFlexOrder'
];

var ie11Styles = [
'msTextCombineHorizontal'
];

/*
* Test all IE only CSS properties
*/
var d = document;
var b = d.body;
var s = b.style;
var ieVersion = null;
var property;

// Test IE10 properties
for (var i = 0; i < ie10Styles.length; i++) {
property = ie10Styles[i];

if (s[property] != undefined) {
$('body').addClass("ie-10");
}
}

// Test IE11 properties
for (var i = 0; i < ie11Styles.length; i++) {
property = ie11Styles[i];

if (s[property] != undefined) {
if ($('body').hasClass("ie-10")) {
$('body').removeClass("ie-10").addClass("ie-11");
}
else {
$('body').addClass("ie-11");
}
}
}
});

оно?
https://jsfiddle.net/dtscfd5g/1/

Если кроссбраузреность вообще не нужна, то можно посмотреть в сторону clip-path (htmlbook.ru/blog/maskirovanie-v-css). Или же можно очень сильно напрячься и сделать это с помощью трех блоков и фоновой картинки

<div class="wrapper">
  <div class="top"></div>
  <div class="bottom"></div>
</div>

.wrapper задать ширину, высоту и overflow hiddne. А блокам .top и .bottom задать 50% высоты родительского блока и спозиционировать их, задать им в качестве фона эту картинку и спозиционировать фон и transform scew.

И самый простой вариант - это просто вырезать из макета картинку сразу такой формы.

Только картинкой.
Ну или рисуйте фигуру на канвас.

Сохраняйте в localStorage или sessionStorage.

А за "Допишите пожалуйста" тут побить могут.

Я делаю так через ng-repeat
{{data_grafics.dateStart | date : 'dd.MM.yyyy HH:mm'}}
Если, это не правильный вариант буду ждать комментарий

Либо предварительно обойти все данные (при помощи angular.forEach, например) и проставить нужный формат. Либо сделать это уже в самом отображении при помощи директив.

Где мне прописать подобную строчку?

Там где вы данные получаете. При десериализации ответа от сервака.

При отправки через ajax вам приходит ответ, событие success. Вот в нем и обновляйте. Мало того Вы же знаете что при клике +1 будет именно +1. Значит можно найти то что было и увеличить на единицу или уменьшить еще до ajax. Или в success если хотите быть уверены, что записалось.

Проблема в том что после подгрузки Вам нужно наново забиндить DOM на эвенты.