search

Home >Web Front-end >JS Tutorial >ionic style button

ionic style button

黄舟
黄舟Original
2017-02-17 13:32:571076browse

1. Instance background

Common button buttons in ionic, use class="button" to set the button style, this is to set the normal style


2. Implementation source code

<!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. Implementation results

ionic style button

The above is the content of ionic style button. For more related content, please pay attention to the PHP Chinese website (www.php.cn) !


Statement：
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Previous article：AngularJS stop timerNext article：AngularJS stop timer

Related articles

See more