javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2026-03-13 10:22:08 +08:00
Code Issues Packages Projects Releases Wiki Activity

Better flickr sizing

Browse Source
This commit is contained in:
Max Lynch
2013-12-09 17:35:45 -06:00
parent 000546835c
commit 4f63456c59
2 changed files with 12 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
examples/starters/flickr/index.html
View File

@@ -39,7 +39,7 @@
</div>
<content id="content" push-search>
<div id="photos" class="clearfix">
<div class="photo" ng-repeat="photo in photos.items" ng-style="photoStyle">
<div class="photo" ng-repeat="photo in photos.items">
<img ng-src="{{ photo.media.m }}">
</div>
</div>

11
examples/starters/flickr/script.js
View File

@@ -20,7 +20,9 @@ angular.module('myApp', ['ionic', 'ngResource'])
}
}
})
.controller('FlickrCtrl', function($scope, Flickr) {
var doSearch = ionic.debounce(function(query) {
Flickr.search(query).then(function(resp) {
$scope.photos = resp;
@@ -54,3 +56,12 @@ angular.module('myApp', ['ionic', 'ngResource'])
}
})
.directive('photo', function($window) {
return {
restrict: 'C',
link: function($scope, $element, $attr) {
var size = ($window.outerWidth / 3) - 2;
$element.css('width', size + 'px');
}
}
});