suchen

Heim >Web-Frontend >js-Tutorial >ionischer Untertitelleiste-Untertitel

ionischer Untertitelleiste-Untertitel

黄舟
黄舟Original
2017-02-17 13:40:301465Durchsuche

1. Beispielhintergrund

Der Titel von ionic ist bar-header und der Untertitel ist bar-subheader


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之副标题bar-subheader</title>
		<link rel="stylesheet" href="../css/ionic.css" />
		<script type="text/javascript" src="../js/ionic.bundle.js" ></script>
		<script>
			var app = angular.module("subheaderApp",["ionic"]);
			app.controller("subheaderController",function($scope){
				$scope.header = "标题";
				$scope.subheader = "副标题";
			});
		</script>
	</head>
	<body ng-app="subheaderApp" ng-controller="subheaderController">
		<p class="bar bar-header bar-assertive">
			<label class="title">{{header}}</label>
		</p>
		<p class="bar bar-subheader bar-balanced">
			<label class="title">{{subheader}}</label>
		</p>
	</body>
</html>

3. Implementierungsergebnis

ionischer Untertitelleiste-Untertitel


Das Obige ist der Inhalt der Untertitelleiste von ionic. Weitere verwandte Inhalte finden Sie hier PHP chinesische 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：Die untere Fußzeile von ionicNächster Artikel：Die untere Fußzeile von ionic

In Verbindung stehende Artikel

Mehr sehen