Heim > Artikel > Web-Frontend > ionische ungeordnete Liste

ionische ungeordnete Liste

黄舟Original: 2017-02-16 14:15:081023Durchsuche

1. Beispielhintergrund

Die ionische ungeordnete Liste wird mit ul-li implementiert, der Inhalt der ungeordneten Liste wird von AngularJS zugewiesen und der Stil ist class=" list "and class="item"

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/angular/angular.js" ></script>
		<script type="text/javascript" src="../js/ionic.bundle.js" ></script>
		<script>
			var app = angular.module("ulApp",["ionic"]);
			app.controller("ulController",function($scope){
				$scope.uls = ["春季","夏季","秋季","冬季"];
			});
		</script>
	</head>
	<body ng-app="ulApp" ng-controller="ulController">
		<p style="padding: 100px;">
			<ul class="list">
				<li class="item" ng-repeat="u in uls">{{u}}</li>
			</ul>
		</p>
	</body>
</html>

3. Realisierungsergebnisse

ionische ungeordnete Liste

Das Obige ist der Inhalt von ionischer, ungeordneter Liste und JavaScript. Weitere verwandte Inhalte finden Sie auf der chinesischen PHP-Website (www.php.cn)!

Stellungnahme：

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Vorheriger Artikel：Kontrollkästchen „Ionenstil“.Nächster Artikel：Kontrollkästchen „Ionenstil“.

In Verbindung stehende Artikel

Mehr sehen