1. Instanzhintergrund
ionic erstellt eine dynamische Liste und weist Werte gemäß AngularJS zu
2. Implementierungsquellcode
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<title>ionic之创建列表</title>
<link rel="stylesheet" href="../css/ionic.css" />
<script type="text/javascript" src="../js/ionic.bundle.js" ></script>
<script>
var app = angular.module("initApp",["ionic"]);
app.controller("initController",function($scope){
$scope.users = [
{username:'赵思思'},
{username:'梨花胡'},
{username:'孙丽丽'},
{username:'胡思思'},
{username:'孙磊'}
];
});
</script>
<title></title>
</head>
<body ng-app="initApp" ng-controller="initController">
<ion-side-menus>
<ion-side-menu-content>
<ion-header-bar class="bar-dark">
<span class="title">查询</span>
</ion-header-bar>
<ion-content>
<ion-list>
<ion-item ng-repeat="user in users">
{{user.username}}
</ion-item>
</ion-list>
</ion-content>
</ion-side-menu-content>
<ion-side-menu side="left">
<ion-header-bar class="bar-dark">
<label class="title">修改</label>
</ion-header-bar>
<ion-content>
<ion-list>
<ion-item ng-repeat="user in users">
{{user.username}}
</ion-item>
</ion-list>
</ion-content>
</ion-side-menu>
</ion-side-menus>
</body>
</html>
3 Ergebnis
(1) Initialisierung
(2) Mobiles Menü
Das Obige ist der Inhalt der Erstellungsliste von ionic. Weitere verwandte Inhalte finden Sie auf der chinesischen PHP-Website (www.php.cn)!
Allgemeine iscsiadm-Befehle
Der Unterschied zwischen Export und Exportstandard
So aktualisieren Sie das BIOS
In Word gibt es eine zusätzliche leere Seite, die ich nicht löschen kann.
So lösen Sie das Problem, dass der Zugriff beim Starten von Windows 10 verweigert wird
Welches Format ist m4a?
Ist OuYi Exchange legal?
So verwenden Sie Union in C-Sprache
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
