Средний
10 уроков
(1 час 24 минуты)
Курс
Основы Angular.js
AngularJS — JavaScript-фреймворк с открытым исходным кодом. Данный видеокурс предназначен как для тех, кто совсем не знаком c AngularJS, так и для тех, кто уже знаком с этим фреймворком.

#3 — ngRepeat.

На этом маленьком видеоуроке мы наконец-то начнем работать с PhoneCat-приложением и узнаем, как работает директива ngRepeat

Для начала нам надо написать в controlle.js наш массив телефонов, не забудем о создании модуля

Не забудьте также объявить модуль в нашей директиве ngApp

Кроме того нам надо указать область видимости для нашего контроллера, в нашем случае это будет тэг body

После этого воспользуемся нашей вновь изученной директивой ngRepeatvariable in expression. где variable — наша переменная, которая будет содержать текущее значение при переборе, expression — наше выражение. которое указывает, что мы будем перебирать. После чего обращаться к элементу мы будем по имени нашей переменной, как показано в примере ниже

Experiments

Добавим еще bindings в наше приложение, например общее кол-во наших телефонов:

Создадим еще один ngRepeat в index.html которые построит нам простую таблицу с нумерацией от 0 до 7:

А теперь, сделаем что бы наш список начинался с 1, для этого добавим в наш bindings к переменной i еденицу:

P.S. И не забываем…

Оставляем комментарии, пожелания, замечания и лайки, как на нашем сайте так и на нашем канале на YouTube. Ваше мнение очень важно для нас!

Материалы к уроку:
Делись:

Оставь комментарий!

10 thoughts on “#3 — ngRepeat.

  1. Игорь:

    Большое спасибо! Все очень доходчиво и понятно! Ждем следующий выпуск =)

  2. prometheusaudio:

    spasibo )
    zhdem prodolzheniya!! ))

  3. Александр Бадовский:

    Спасибо за урок и за труд по его созданию. Ждём с нетерпением продолжений цикла по ангулару.

  4. barbitura:

    Ребят, без обид, но зачем делать тупо перепост http://angular.ru/tutorial ?
    Он там на русском валяется уже хрен знает как давно!

    1. Ни каких обид нет) но есть моменты которые так люди и не понимают и мы постараемся их объяснить и даже больше) так что смотрю последующие уроки!

  5. Alex:

    очень хороший урок, все быстро, просто и доступно, спасибо

  6. boy:

    Спасибо за урок! Все очень доходчиво и понятно!
    но все таки у меня возникли вопросы!при нажатие на checkbox срабатывает филтер.??
    какое имеет отношения в данном сличение checkbox к флитру.?? вот ссылка на проект http://plnkr.co/edit/XOdiVutkH0XU8sjNtTuj?p=preview

  7. Сергей:

    Спасибо, Зар, очень доходчиво, понятно и не скучно. Так держать)))

  8. Aleksei B:

    Ребят, где продолжение? Курс состоящий из 3-х пятиминутных видео это не курс

Добавить комментарий

Рекомендуемые курсы