當前位置：
首頁 >
前端技术
> javascript
>内容正文
javascript
基于AngularJS的Onsen UI --Onsen UI学习笔记
生活随笔
收集整理的這篇文章主要介紹了
基于AngularJS的Onsen UI --Onsen UI学习笔记
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
AngularJS與Onsen UI的結合，Onsen UI應用程序實際上是一個AngularJS 1應用程序。
<!doctype html><html lang="en">
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="lib/onsen/css/onsenui.css"/>
<link rel="stylesheet" href="lib/onsen/css/onsen-css-components.css"/>
<script src="lib/angular/angular.js"></script>
<script src="lib/onsen/js/onsenui.js"></script>
<script>
var module = ons.bootstrap('my-app', ['onsen']);
module.controller('AppController', function($scope) { });
module.controller('PageController', function($scope) {
ons.ready(function() {
// Init code here
});
});
</script>
</head>
<body ng-controller="AppController">
<ons-navigator var="navi">
<ons-page ng-controller="PageController">
<!-- Page content -->
</ons-page>
</ons-navigator>
</body>
</html> 完整項目參考：http://www.nxl123.cn/files/2018080301.zip
更多專業前端知識，請上 【猿2048】www.mk2048.com
總結
以上是生活随笔為你收集整理的基于AngularJS的Onsen UI --Onsen UI学习笔记的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： OnSen UI结合AngularJs打
- 下一篇： JSF中run项目时候Tomcat8启动