AngularJS odd behaviour with model in view -

-

i having pretty odd behaviour model/view data in angular. 2 issues really. in controller, have following code, used update dates in view. 

$scope.setcurrentdates = function () {                  var centreindex = $scope.state.indexofcentredate,                     centreindexitem = $scope.state.alldays[centreindex],                     itemleft = $scope.state.alldays[centreindex - 1],                     itemright = $scope.state.alldays[centreindex + 1];                  $timeout(function () {                      $scope.state.currentdates.centre =  $scope.state.alldays[centreindex].isostringdate;                     $scope.state.currentdates.left = itemleft.isostringdate;                     $scope.state.currentdates.right = itemright.isostringdate;                      $scope.state.isupdatingdate = false;                  });             };

and in view, have following right/progress nav arrow:

    <a>         <span class="day">{{state.currentdates.right | navdate : 'dd'}}</span>         <span class="month">{{state.currentdates.right | navdate : 'mmm'}}</span>         <span class="year">{{state.currentdates.right  | navdate : 'yyyy' }}</span>      </a>

$scope.setcurrentdates in controller gets called every click of above nav.

so, first issue follows:

when first loading page, no text dates displays. however, when inspect element in dev tools, , example increase font size 50px 51px, text displays. click through nav, dates not update should in view. but when inspect element again, , decrease font size 50px, dates update ??? bizarre. happens 1 of css properties element modify.

they update should each click, stop updating again until modify css again.

at first though scope issue not sure dates update correctly when logged out in console. must related chrome/css rendering.

further bizarreness per attached. can see dev tools dom, representing correct values, including within element #console represented black box rendered on screen.

enter image description here

it looks may isolated chrome.

any advice appreciated.

thanks,

dave

the solution chrome rendering issue found here: google fonts not rendering on google chrome.

it comes down chrome being told re-render fonts.


Comments

Post a Comment

Popular posts from this blog

matlab - "Contour not rendered for non-finite ZData" -

-
i'm trying plot frequency characteristic equation using ezplot, matlab gives following warning, "contour not rendered non-finite zdata". have used command plot frequency equations warning , plot display empty , not change axis range well. can please help. appreciated. here's code i'm using. % transfer matrix case-i, thin rotor clear all; clc; ei = 1626; l = 0.15; m = 0.44108; = 2.178*10^-4; i_p = 2.205*10^-5; itr = 0.24; i_pr = 0.479; syms p n; f = [1 l*1i l^2/(2*ei)*1i l^3/(6*ei); 0 1 l/ei -l^2/(2*ei)*1i; 0 0 1 -l*1i; 0 0 0 l]; p = [ 1 0 0 0; 0 1 0 0; 0 -it*p^2+i_p*n*p 1 0; -m*p^2 0 0 1]; p_r = [1 0 0 0; 0 1 0 0; 0 -itr*p^2+i_pr*n*p 1 0; -m*p^2 0 0 1]; = f*p*f*p*f*p*f; b = p_r*f*p*f*p*f; r = a(1,2)/a(1,4); a12_p = 0; a22_p = a(2,2)-r*a(2,4); a32_p = a(3,2)-r*a(3,4); a42_p = a(4,2)-r*a(4,4); ap(2,2) = a22_p; ap(3,2) = a32_p; ap(4,2) = a42_p; ap(4,4) = 1; c = b*ap; m = [c(3,2) c(3,4); c(4,2) c(4,...
Read more

delphi - Indy UDP Read Contents of Adata -

-
i using indy udp server read string of data. however, not know how work adata parameter. can around converting binary using bytetobin function below , convert hex using bintohex1 . feel stupid , works slow. know how can directly results without 2 conversions? thanks!! here codes: procedure tform1.idudpserver1udpread(athread: tidudplistenerthread; const adata: tidbytes; abinding: tidsockethandle); var buf: tidbytes; buffer: string; data_received: string; begin if bytestostring(adata) <> 'hello' begin buffer := hextostring('00'); setlength(buf, length(buffer)); copytidstring(buffer, buf, 0); abinding.sendto(abinding.peerip, abinding.peerport, buf); data_received := bintohex1(bytetobin(adata[1]) + bytetobin(adata[2]) + bytetobin(adata[3]) + bytetobin(adata[4]) + bytetobin(adata[5]) + bytetobin(adata[6]) + bytetobin(adata[7]) + bytetobin(adata[8]) + bytetobin(adata[9]) + bytetobin(adata[10]) + bytetobin(adata[11...
Read more

javascript - Any ideas when Firefox is likely to implement lengthAdjust and textLength? -

-
any ideas when firefox implement lengthadjust andtextlength?..... working svg application. lengthadjust , textlength working fine in chrome not working in fire fox . <svg viewbox = "0 0 500 300" version = "1.1"> <defs> <path id="s3" d="m 10,90 q 100,15 200,70" /> </defs> <g> <text font-size = "20"> <textpath xlink:href="#s3" textlength="205"> short text</textpath> </text> <use xlink:href="#s3" fill="none" stroke="black" stroke-width="1"/> </g> </svg> this implemented in firefox text elements (not textpath or tspan) in case that's ok though can move attribute text element. <svg viewbox = "0 0 500 300" version = "1.1"> <defs> ...
Read more