javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-11-06 22:29:44 +08:00
Code Issues Packages Projects Releases Wiki Activity

Angular and non-angular NavController working

Browse Source
This commit is contained in:
Max Lynch
2013-09-19 15:06:08 -05:00
parent 4caa67d722
commit 81f8bd811c
4 changed files with 35 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

0
hacking/NavAngular.unit.js Normal file
View File

9
hacking/TabBarController.unit.js
View File

@ -4,11 +4,18 @@ describe('TabBarController', function() {
beforeEach(function() {
var tabEl = $('<div class="tabs"></div>');
ctrl = new TabBarController({
tabBar: new TabBar({ el: tabEl.get(0) })
tabBar: new TabBar({
el: tabEl.get(0),
itemAdded: function(item) {
},
itemRemoved: function(item) {
}
})
});
})
it('Should add Controllers', function() {
debugger;
ctrl.addController({
title: 'Item 1',
icon: 'icon-home',

0
hacking/TabsAngular.unit.js Normal file
View File

33
hacking/nav.html
View File

@ -27,12 +27,29 @@
<script>
// Grab the sections
var navBar = document.getElementById('nav-bar');
var cd = document.getElementById('content');
var View = function(opts) {
this.el = opts.el;
};
var content = new View({
el: cd
});
var controller = function(opts) {
this.el = opts.el;
}
controller.prototype = {
detach: function() {
visibilityChanged: function() {
if(this.isVisible) {
//this.el.style.display = 'block';
if(this._lastNodeSpot) {
this._lastNodeParent.insertBefore(this.el, this._lastNodeSpot);
} else {
content.el.appendChild(this.el);
}
} else {
//this.el.style.display = 'none';
var parentNode = this.el.parentNode;
if(!parentNode) {
@ -42,11 +59,6 @@
this._lastNodeSpot = next;
this._lastNodeParent = parentNode;
parentNode.removeChild(this.el);
},
attach: function() {
//this.el.style.display = 'block';
if(this._lastNodeSpot) {
this._lastNodeParent.insertBefore(this.el, this._lastNodeSpot);
}
}
};
@ -61,10 +73,6 @@
return c;
};
var View = function(opts) {
this.el = opts.el;
};
var page1 = createPage('Home');
var page2 = createPage('About');
var page3 = createPage('Cats');
@ -72,11 +80,6 @@
var pages = [page1, page2, page3, page4];
var cd = document.getElementById('content');
var content = new View({
el: cd
});
var c = new NavController({
navBar: new NavBar({ el: navBar }),
content: content