Maison >interface Web >js tutoriel >barre de style ionique dynamisée

barre de style ionique dynamisée

黄舟
黄舟original
2017-02-17 13:50:241087parcourir

1. Fond d'instance

barre-en-tête ionique, ensemble de style barre dynamisée


2. Code source de mise en œuvre

<!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-energized</title>
		<link rel="stylesheet" href="../css/ionic.css" />
		<script type="text/javascript" src="../js/ionic.bundle.js" ></script>
		<script>
			var app = angular.module("energizedApp",["ionic"]);
			app.controller("energizedController",function($scope){
				$scope.energized = "刷新";
			});
		</script>
	</head>
	<body ng-app="energizedApp" ng-controller="energizedController">
		<p class="bar bar-header bar-energized">
			<label class="title">{{energized}}</label>
		</p>
	</body>
</html>


3. 🎜>

barre de style ionique dynamisée


Ce qui précède est le contenu de la barre de style ionique énergisée, plus Pour plus de contenu connexe, veuillez faire attention au site Web PHP chinois (www.php.cn) !



Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn