suchen

Heim >Web-Frontend >js-Tutorial >Einfaches Beispiel für ionisch

Einfaches Beispiel für ionisch

黄舟
黄舟Original
2017-02-17 14:12:111795Durchsuche

1. Beispielhintergrund

ionic basiert auf AngularJS und ist ein Framework. Erhalten Sie Werte dynamisch anhand der bidirektionalen Bindungsvariablen von AngularJS.


2. Implementierungsquellcode

<!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之简单实例</title>
		<link rel="stylesheet" href="../css/ionic.css" />
		<script type="text/javascript" src="../js/ionic.bundle.js" ></script>
		<script>
			var app = angular.module("tagApp",["ionic"]);
			app.controller("tagController",function($scope){
				$scope.username = "李海";
			});
		</script>
	</head>
	<body ng-app="tagApp" ng-controller="tagController">
		<ion-header-bar class="bar-positive">
			<label class="title">欢迎使用ionic</label>
		</ion-header-bar>
		<ion-content>
			<span>{{username}}</span>
		</ion-content>
	</body>
</html>


3. Implementierungsergebnisse

Einfaches Beispiel für ionisch

Das Obige ist der Inhalt eines einfachen Beispiels für ionische Inhalte Bitte achten Sie auf PHP Chinese Net (www.php.cn)!


Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：Erstellen Sie eine Liste in ionischer SpracheNächster Artikel：Erstellen Sie eine Liste in ionischer Sprache

In Verbindung stehende Artikel

Mehr sehen