masyarakat Belajar Perpustakaan Alatan Masa lapang
cari
Melayu
Rumah > hujung hadapan web > tutorial js > ionic之简单实例

ionic之简单实例

黄舟
Lepaskan： 2017-02-17 14:12:11
asal
1772 orang telah melayarinya

1、实例背景

     ionic是基于AngularJS，是一个框架。根据AngularJS双向绑定变量，动态获取值。


2、实现源码

<!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>
Salin selepas log masuk


3、实现结果

1151.png

 以上就是ionic之简单实例的内容，更多相关内容请关注PHP中文网（www.php.cn）！


Label berkaitan：
ionic，简单实例
sumber：php.cn
Artikel sebelumnya：ionic之创建列表 Artikel seterusnya：js 动态生成html 触发事件传参字符转义的实例
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Isu terkini
JS: Bagaimana untuk membina objek berdasarkan sifat induk Saya cuba mencipta objek JS yang mengandungi semua URL. Saya ingin mencapai ini melalui ba...
daripada 2024-04-04 21:08:50
0
1
1411
Gantikan www dalam URL dengan subdomain kad bebas Adakah terdapat cara untuk menggantikan www.domain.com/new-mexico/albuquerque/businessname...
daripada 2024-04-04 19:28:30
0
1
344
Isu MySQL apabila meringkaskan data jualan daripada dua jadual berasingan Terima kasih terlebih dahulu atas sokongan anda. Saya sedang belajar SQL dan menjana beber...
daripada 2024-04-04 14:22:13
0
2
343
Program Hello world yang mudah mencipta berbilang contoh nod Saya sangat baru dengan Javascript dan NodeJS. Saya menjalankan program helloworld mudah s...
daripada 2024-04-04 11:03:22
0
1
310
Soalannya masih sama, tetapi tajuk ditulis semula seperti berikut: Fungsi rawak Javascript saya gagal menghasilkan respons yang sah Saya sedang membuat permainan penjana nombor rawak mudah menggunakan JS dan HTML. Dalam pe...
daripada 2024-04-03 22:03:14
0
1
275
Topik-topik yang berkaitan
Lagi>
Cadangan popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan