이온 자막 표시줄-하위 헤더
- 黄舟원래의
- 2017-02-17 13:40:301405검색
1. 배경 예시
ionic 제목은 bar-header, 부제목은 bar-subheader
2. 구현 소스코드
<!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. 구현 결과
위 내용은 ionic 자막바-서브헤더 내용입니다. 더 자세한 내용은 PHP 중국어를 참고해주세요. 홈페이지(www.php.cn)!
성명：
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
이전 기사：ionic의 하단 바 바닥글다음 기사：ionic의 하단 바 바닥글