Maison > interface Web > js tutoriel > le corps du texte

barre de style ionique dynamisée

黄舟
Libérer: 2017-02-17 13:50:24
original
1075 Les gens l'ont consulté

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>
Copier après la connexion


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) !



Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal