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

Nice anims

Browse Source
This commit is contained in:
Max Lynch
2013-11-19 12:58:19 -06:00
parent 6ac1830f98
commit 4616379d05
2 changed files with 37 additions and 37 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
dist/js/ionic-angular.js vendored
View File

@ -25394,28 +25394,27 @@ angular.module('ionic.ui.navRouter', [])
/**
* Our Nav Bar directive which updates as the controller state changes.
*/
.directive('navBar', ['$rootScope', '$animate', function($rootScope, $animate) {
var animate = function($element, oldTitle, newTitle, cb) {
.directive('navBar', ['$rootScope', '$animate', '$compile', function($rootScope, $animate, $compile) {
var animate = function($scope, $element, oldTitle, newTitle, cb) {
var title, nTitle, oTitle, titles = $element[0].querySelectorAll('.title');
if(!oldTitle || oldTitle === newTitle) {
cb();
return;
}
var title, nTitle, titles = $element[0].querySelectorAll('.title');
if(titles.length > 1) {
nTitle = titles[0];
title = titles[1];
} else if(titles.length) {
title = titles[0];
nTitle = document.createElement('h1');
nTitle.className = 'title';
nTitle.appendChild(document.createTextNode(newTitle));
title = angular.element(titles[0]);
oTitle = $compile('<h1 class="title" ng-bind="oldTitle"></h1>')($scope);
title.replaceWith(oTitle);
nTitle = $compile('<h1 class="title" ng-bind="currentTitle"></h1>')($scope);
var insert = $element[0].firstElementChild || null;
$animate.enter(angular.element(nTitle), $element, angular.element($element[0].firstElementChild));
$animate.leave(angular.element(title), function() {
$animate.enter(nTitle, $element, insert || angular.element(insert), function() {
cb();
});
}
$animate.leave(angular.element(oTitle), function() {
});
};
return {
@ -25475,8 +25474,9 @@ angular.module('ionic.ui.navRouter', [])
console.log(value);
console.log('Title changing from', $scope.currentTitle, 'to', value);
var oldTitle = $scope.currentTitle;
animate($element, oldTitle, value, function() {
$scope.oldTitle = oldTitle;
$scope.currentTitle = value;
animate($scope, $element, oldTitle, value, function() {
hb.align();
});
});

32
js/ext/angular/src/directive/ionicNavRouter.js vendored
View File

@ -135,28 +135,27 @@ angular.module('ionic.ui.navRouter', [])
/**
* Our Nav Bar directive which updates as the controller state changes.
*/
.directive('navBar', ['$rootScope', '$animate', function($rootScope, $animate) {
var animate = function($element, oldTitle, newTitle, cb) {
.directive('navBar', ['$rootScope', '$animate', '$compile', function($rootScope, $animate, $compile) {
var animate = function($scope, $element, oldTitle, newTitle, cb) {
var title, nTitle, oTitle, titles = $element[0].querySelectorAll('.title');
if(!oldTitle || oldTitle === newTitle) {
cb();
return;
}
var title, nTitle, titles = $element[0].querySelectorAll('.title');
if(titles.length > 1) {
nTitle = titles[0];
title = titles[1];
} else if(titles.length) {
title = titles[0];
nTitle = document.createElement('h1');
nTitle.className = 'title';
nTitle.appendChild(document.createTextNode(newTitle));
$animate.enter(angular.element(nTitle), $element, angular.element($element[0].firstElementChild));
$animate.leave(angular.element(title), function() {
title = angular.element(titles[0]);
oTitle = $compile('<h1 class="title" ng-bind="oldTitle"></h1>')($scope);
title.replaceWith(oTitle);
nTitle = $compile('<h1 class="title" ng-bind="currentTitle"></h1>')($scope);
var insert = $element[0].firstElementChild || null;
$animate.enter(nTitle, $element, insert || angular.element(insert), function() {
cb();
});
}
$animate.leave(angular.element(oTitle), function() {
});
};
return {
@ -216,8 +215,9 @@ angular.module('ionic.ui.navRouter', [])
console.log(value);
console.log('Title changing from', $scope.currentTitle, 'to', value);
var oldTitle = $scope.currentTitle;
animate($element, oldTitle, value, function() {
$scope.oldTitle = oldTitle;
$scope.currentTitle = value;
animate($scope, $element, oldTitle, value, function() {
hb.align();
});
});