Yep, I've only spent a few days on Angular and i'm working on modifying
code someone else wrote.
The code is written on a platform that required a lot of hacking to get to
work, so i'm not sure how i'd even start making a plunker from it. I can
show you my controller and the route provider though:
Routeprovider:
ngModMain.config(['$routeProvider',
function($routeProvider, $rootScope, $scope) {
$routeProvider
.when('/home', {
templateUrl: 'demoDashboard.html',
controller: 'demoDashboardCtrl'
})
.when('/home/wall', {
templateUrl: 'demoDashboard.html',
controller: 'demoDashboardCtrl'
})
.when('/home/default', {
redirectTo: '/home'
})
//This is the one i want to have refresh as if the template had
never been rendered before
.when('/expo', {
templateUrl: 'expo.html',
controller: 'atcExpoCtrl'
.otherwise({
redirectTo: '/home'
});
}
]);
Controller:
var ATCExpo = angular.module('ATCExpo', [])
//This directive broadcasts when the last ng-repeat is run for building out
the impress.js slides.
.directive('initiateImpress', function($timeout, $rootScope){return {
restrict: 'A',
link: function (scope, element, attr) {
if (scope.$last === true) {
$timeout(function () {
scope.$emit('ngRepeatFinished');
});
}
}
};
});
ATCExpo.controller('atcExpoCtrl', function($scope, $timeout, $route,
$rootScope, $location, $window){
//This is the logic i'm currently using to refresh the page. I feel
there should be a way to do this by refreshing the template/controller and
not the entire window.
if(!angular.isDefined($rootScope.loadCount)){
$rootScope.loadCount = 0;
}else{
$rootScope.loadCount++;
}
if($rootScope.loadCount == 1){
$location.refresh();
// this failed to work.
//$route.reload();
}
//Event Listener for ng-repeat on Demo impress cards.This is needed
because impress tries to render the cards while ng-repeat is still
populating the attributes in the template.
$scope.$on('ngRepeatFinished', function() {
//if($scope.loadCount ===0){
impress().init();
//}
});
});
Template:
// the demo value here is from another script, it currently works without
issue.
<div id="impress" class="impress-not-supported" name="impress">
<div ng-repeat="demo in demos" class="step top stepCSS"
data-x="{{(($index + 1) * 1000) + 1000}}" data-y="{{(($index + 1) * -1500)
- 1500}}" data-z="{{(($index + 1) * 2000) + 2000}}" data-rotate="180"
data-scale="3" initiate-impress="">
<h1>{{demo.name}}</h1>
<div class="number">
<img src="{{demo.logo}}" />
</div>
</div>
On Wednesday, February 12, 2014 12:17:22 AM UTC-6, Luke Kende wrote:
>
> I don't have enough information to adequately answer your question, but my
> best guess is that you are new to angular?
>
> Are you using routeProvider for your views? If so the views reload the
> associated controller, so could not your call impress.init() be there?
>
> Can you create a plunker or similar to demonstrate?
>
> On Tuesday, February 11, 2014 5:04:13 PM UTC-7, Zach Schneider wrote:
>>
>> I have an angular application that i'm trying to use impress.js inside
>> of.
>>
>> I've been able to overcome the issue with url hash conflicts, the only
>> issue I have is with initiating the impress.js.
>>
>> The impress page is a link at the top of the navigation. I want to be
>> able to move from that page to another page and back without issue.
>> However, the way impress.js works you can only run impress().init() one
>> time, so once I click away from the impress page and navigate back to it
>> impress.js stops working.
>>
>> I've solved this issue with the following code:
>>
>> if(!angular.isDefined($rootScope.loadCount)){
>> $rootScope.loadCount = 0;
>> }else{
>> $rootScope.loadCount++;
>> }
>> if($rootScope.loadCount == 1){
>> $window.location.reload()
>> }
>>
>> But I feel like there should be an easier way to do this. Is there a way
>> to have visiting a page a second time re-render the view like you have not
>> been to the page yet?
>>
>
--
You received this message because you are subscribed to the Google Groups
"AngularJS" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
To post to this group, send email to [email protected].
Visit this group at http://groups.google.com/group/angular.
For more options, visit https://groups.google.com/groups/opt_out.
