Article Topic Learning Download Q&A Programming Dictionary Game Recent Updates

简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)

Home > Web Front-end > JS Tutorial > body text

ionic style bar-assertive

黄舟

Release： 2017-02-17 13:47:15

Original

1232 people have browsed it

1. Instance background

ionic head bar-header, set style bar-assertive

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

Copy after login

3. Implementation result

ionic style bar-assertive

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

Related labels：

ionic style

source：php.cn

Previous article：Advanced front-end basics (5): Comprehensive interpretation of this Next article：ionic style bar-energized

Statement of this Website

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