angularjs - Angular Directive not updating element using interval -

-

i have directive

angular.module('mydirectives').directive('slideshow', function ($interval) { return{     scope:{slideshow:'=slideshow'},     link:function(scope, element, attrs){                   element.css("background-size","cover");         element.css("background-repeat","none");         element.css("background-position","center center");         element.css("background-blend-mode","color");         element.css("background-color","rgba(0, 0, 0, 0.5)");          scope.index=0;          function nextslide()         {             if(!scope.slideshow) return;             if(scope.slideshow.sources.length===0) return;              var url=scope.slideshow.sources[scope.index++];             if(scope.index>=scope.slideshow.sources.length) scope.index=0;              element.css({'background-image': 'url(' + url +')'});         }          nextslide();         var interval= $interval(nextslide,3000)         scope.$on("$destroy",function(){             $interval.cancel(interval);         })     } } });

this how apply 

<section class="primary" slide-show="slideshow">

now controller provides property "slideshow" gets value via http request. when comes response sets value of slideshow this

$scope.slideshow={sources:["http:\\sources\someimage.jgp"]}   webapi.gethomepagemodel().then(function(model){    $scope.model=model;    $scope.slideshow=model.slideshow;         },function(error){    console.dir(error); });

the problem: when runs default value of slideshow works , element's background-image set after response http new value set slideshow when interval function "nextslide" executes background-image not updated. in debugger can see url values being picked correctly element not updated.

edit:i making stupid mistake, updated model not expected elements in sources not strings expected (they being generated complex objects rather string value.) working now. no need scope.$applyasync because $interval service handles you

if using setinterval need manually rerun angular's digetst cycle:

function nextslide()     {         if(!scope.slideshow) return;         if(scope.slideshow.sources.length===0) return;          var url=scope.slideshow.sources[scope.index++];         if(scope.index>=scope.slideshow.sources.length) scope.index=0;          element.css({'background-image': 'url(' + url +')'});          scope.applyasync();  //this line!         //may not work in older angular versions, if such should use scope.apply()      }

Comments

Post a Comment

Popular posts from this blog

Spring Boot + JPA + Hibernate: Unable to locate persister -

-
i trying work entity inside request method of spring boot application. entity in project , pom.xml has dependencies it. why error message?: org.hibernate.unknownentitytypeexception: unable locate persister: com.ric.bill.model.bs.par package com.ric.web; import java.util.concurrent.atomic.atomiclong; import javax.persistence.entitymanager; import javax.persistence.persistencecontext; import net.sf.ehcache.cachemanager; import net.sf.ehcache.management.cache; import net.sf.ehcache.management.cachestatistics; import org.hibernate.stat.statistics; import org.springframework.beans.factory.annotation.autowired; import org.springframework.boot.autoconfigure.domain.entityscan; import org.springframework.cache.annotation.enablecaching; import org.springframework.transaction.annotation.enabletransactionmanagement; import org.springframework.transaction.annotation.propagation; import org.springframework.transaction.annotation.transactional; import org.springframework.web.bind.annotati
Read more

go - Golang: panic: runtime error: invalid memory address or nil pointer dereference using bufio.Scanner -

-
i implementing go program uses bufio.scanner , bufio.writer have packaged code follows package main import ( "fmt" "player/command" "strings" ) func main() { //enter code here. read input stdin. print output stdout commands.scanner.scan() { //scan new line , send comand variable check command exist or not input := strings.split(strings.trim(commands.scanner.text(), " "), " ") command := input[0] if command == "" { fmt.printf("$ %s:", commands.pwd) continue } if !commands.commands[command] { commands.throwerror("cannot recognize input.") } else { commands.execute(command, input[1:], nil) } fmt.printf("$ %s:", commands.pwd) } } i using init.go file in main package follows package main import ( "flag" "player/sourc
Read more

c - double free or corruption (fasttop) -

-
this code reads null terminated string file (file containing null terminated strings & should provide index wanted string). error: *** error in `./main': double free or corruption (fasttop): 0x090a4a80 *** aborted code: char *tmp_realloc=null; char *sstring=null; int i=1; /*set file pointer point string*/ fseek(fh,index,seek_set); sstring=(char*)malloc(sizeof(char)); if(sstring == null) return null; tmp_realloc=sstring; while( (*(sstring+i-1)=(char)fgetc((file*)fh)) != 0x0 ) { /*reallocate more memory*/ tmp_realloc=(char*)realloc((char*)sstring,++i); /*if not same address copy old new & set old point new*/ if(tmp_realloc != sstring){ strcpy((char*)tmp_realloc,(char*)sstring); free(sstring); sstring=tmp_realloc; } } could tell me pointer causing issue (& reason) ? remove part /*if not same address copy old new & set old point new*/ if(tmp_realloc != sstring){ strc
Read more