Heim > Artikel > Web-Frontend > ionischer Untertitelleiste-Untertitel
ionischer Untertitelleiste-Untertitel
- 黄舟Original
- 2017-02-17 13:40:301403Durchsuche
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
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