基于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
posted @ 2018-08-03 10:36  牛新龙的IT技术博客  阅读(498)  评论(0)  编辑  收藏  举报