Maison > Article > interface Web > bouton de style ionique

bouton de style ionique

黄舟original: 2017-02-17 13:32:571040parcourir

1. Arrière-plan de l'instance

Boutons communs dans ionic, utilisez class="button" pour définir le style du bouton, il s'agit de définir le style normal

2. Code source d'implémentation

<!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之样式button</title>
		<link rel="stylesheet" href="../css/ionic.css" />
		<script type="text/javascript" src="../js/ionic.bundle.js" ></script>
		<script>
			var app = angular.module("buttonApp",["ionic"]);
			app.controller("buttonController",function($scope){
				$scope.button = "查询";
			});
		</script>
	</head>
	<body ng-app="buttonApp" ng-controller="buttonController">
		<p class="button">
			<label class="title">{{button}}</label>
		</p>
	</body>
</html>

3. Résultats de la mise en œuvre

bouton de style ionique

Ce qui précède est le contenu du bouton de style ionique. Pour plus de contenu connexe, veuillez faire attention au bouton de style ionique. Site Web chinois PHP (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

Article précédent：Minuterie d'arrêt AngularJSArticle suivant：Minuterie d'arrêt AngularJS

Articles Liés

Voir plus