AngularJS нг-повторить инструкцию
AngularJS Справочное руководство
AngularJS примеры
петлевой выход несколько заголовков:
<Тело нг-приложение = "MyApp " нг-контроллер = "myCtrl">
<H1 нг-повтор = "х в записях"> {{х}} </ h1>
<Script>
вар приложение = angular.module ( "MyApp", []);
app.controller ( "myCtrl", функция ($ сфера) {
$ Scope.records = [
"Учебник 1"
"Этот учебник 2"
"Учебник 3"
"Учебник 4"
]
});
</ Script>
</ Body>
<H1 нг-повтор = "х в записях"> {{х}} </ h1>
<Script>
вар приложение = angular.module ( "MyApp", []);
app.controller ( "myCtrl", функция ($ сфера) {
$ Scope.records = [
"Учебник 1"
"Этот учебник 2"
"Учебник 3"
"Учебник 4"
]
});
</ Script>
</ Body>
Попробуйте »
Определение и использование
Выходной цикл команднг-повтора в течение определенного числа элементов HTML.
Коллекция должна быть массивом или объектом.
грамматика
<Нг-повтор = "выражение Элемент "> </ элемент>
Все HTML-элементы поддерживают команду.
Параметр Значение
значение | описание |
---|---|
выражение | Выражение определяет, как цикл сбора. Пример выражения правила: x in records (key, value) in myObj |
Другие примеры
AngularJS примеры
Использование цикла массива выводит таблицу:
<Таблица нг-контроллер = "myCtrl " граница = "1">
<Tr нг-повтор = "х в записях">
<Td> {{x.Name}} </ TD>
<Td> {{x.Country}} </ TD>
</ TR>
</ Table>
<Script>
вар приложение = angular.module ( "MyApp", []);
app.controller ( "myCtrl", функция ($ сфера) {
$ Scope.records = [
{
"Имя": "Alfreds Futterkiste",
"Страна": "Германия"
}, {
"Имя": "Berglunds snabbkop",
"Страна": "Швеция"
}, {
"Название": "Centro Comercial Монтесума",
"Страна": "Мексика"
}, {
"Название": "Эрнст Гендель",
"Страна": "Австрия"
}
]
});
</ Script>
<Tr нг-повтор = "х в записях">
<Td> {{x.Name}} </ TD>
<Td> {{x.Country}} </ TD>
</ TR>
</ Table>
<Script>
вар приложение = angular.module ( "MyApp", []);
app.controller ( "myCtrl", функция ($ сфера) {
$ Scope.records = [
{
"Имя": "Alfreds Futterkiste",
"Страна": "Германия"
}, {
"Имя": "Berglunds snabbkop",
"Страна": "Швеция"
}, {
"Название": "Centro Comercial Монтесума",
"Страна": "Мексика"
}, {
"Название": "Эрнст Гендель",
"Страна": "Австрия"
}
]
});
</ Script>
Попробуйте »
AngularJS примеры
Цикл вывода с использованием таблицы объектов:
<Таблица нг-контроллер = "myCtrl " граница = "1">
<Tr нг-повтор = "( х, у) в MyObj">
<Td> {{х}} </ TD>
<Td> {{у}} </ TD>
</ TR>
</ Table>
<Script>
вар приложение = angular.module ( "MyApp", []);
app.controller ( "myCtrl", функция ($ сфера) {
$ Scope.myObj = {
"Имя": "Alfreds Futterkiste",
"Страна": "Германия",
"Город": "Берлин"
}
});
</ Script>
<Tr нг-повтор = "( х, у) в MyObj">
<Td> {{х}} </ TD>
<Td> {{у}} </ TD>
</ TR>
</ Table>
<Script>
вар приложение = angular.module ( "MyApp", []);
app.controller ( "myCtrl", функция ($ сфера) {
$ Scope.myObj = {
"Имя": "Alfreds Futterkiste",
"Страна": "Германия",
"Город": "Берлин"
}
});
</ Script>
Попробуйте »