javascript - ng-class not responding to change in model in Angular? -

-

having searched extensively, got a ternary in templates , getting partially functional results, i'm 99% sure i'm doing 99% right, but...obviously not completely, i'm here.

the basic html structure:

<ul>     <li class="week-row" ng-repeat="week in weeks" id="{{$index}}">         <ul class="tiles" ng-class="{ 'expanded': week.isopen, 'hidden': !week.isopen }">             <li class="day-tile"                 ng-class="{'active': (activeday == $parent.$index + '-' + $index) }"                  id="{{$parent.$index + '-' + $index}}"                  ng-repeat="day in week.days"                  ng-click="fn2({ week: $parent.$index, day: $index })">                 <!-- moved ng-class here, , works? -->                <div>some stuff in here</div>               </li>         </ul>     </li> </ul>

the stuff in controller sits above it:

$scope.activeday = null;  $scope.fn1 = function() { $scope.activeday = '0-0'; }; // works, , sets first 1 active  $scope.fn2 = function(data) { $scope.activeday = data.week + '-' + data.day; }; // sets first 1 not active, none of others go active

i'm trying set 1 of nested list items active, based on indexes in nested arrays using $parent.$index , $index string, joined '-'.

what's throwing me off console.logging $scope.activeday, data.week + '-' + data.day, , both == , === comparisons come out expect, (the same strings, true, true) , works on initial load when set activeday '0-0', i'm missing in binding or...?

after finding this: https://egghead.io/lessons/angularjs-the-dot - tried setting object couldn't weird isolate scope nonsense: $scope.tiles = { activeday: null }; , setting property functions, no avail.

why setting work, while changing later not? improper binding of classes or...?

i tried

class="day-tile {{activeday == $parent.$index + '-' + $index ? 'active' : ''}}"

and works initially, breaks afterwards...

your appreciated!

update:

after moving ng-class="{'active': (activeday == $parent.$index + '-' + $index) }" onto div inside ng-repeated .day-tile li, works fine.

any ideas why might be?

from info provided have working jsfiddle.

i removed classes hard coding true , stuck them in class="". classes evaluating expressions put in ng-class="".

i attached functions $scope ng-click find them. $scope.fn2 rather var fn2.

without knowing more details, should fix problem.

code changes:

controller:

$scope.activeday = null;  $scope.fn1 = function() { $scope.activeday = '0-0'; };  $scope.fn2 = function(data) { $scope.activeday = data.week + '-' + data.day; };

partial:

    <ul class="tiles" ng-class="{'expanded' : week.isopen, 'hidden' : !week.isopen}">         <li class="day-title"             ng-class="{'active': (activeday == $parent.$index + '-' + $index)}"              id="{{$parent.$index + '-' + $index}}"              ng-repeat="day in week.days"              ng-click="fn2({ week: $parent.$index, day: $index })">             //put expression here can see list item             {{week.day}}         </li>     </ul>

Comments

Post a Comment

Popular posts from this blog

python - mat is not a numerical tuple : openCV error -

-
i have write down code showing error ma not getting it: please help: showing mat not numerical tuple: import cv import cv2 capture = cv2.videocapture("j.3gp") while(1): _, frame1 = capture.read() grayimage1 = cv2.cvtcolor(frame1, cv2.color_bgr2gray) _, frame2 = capture.read() grayimage2 = cv2.cvtcolor(frame2, cv2.color_bgr2gray) differenceimage = cv2.absdiff(grayimage1,grayimage2) thresholdimage = cv2.threshold(differenceimage,25,255,cv2.thresh_binary) cv2.imshow("difference image", differenceimage) cv2.imshow("threshold image", thresholdimage) cv2.imshow("image", frame1) k = cv2.waitkey(30) & 0xff error arising : ----------------------------------------------------------------------------------------- traceback (most recent call last): file "desk.py", line 15, in <module> cv2.imshow("threshold image", thresholdimage) typeerror: mat not numerical tuple ...
Read more

c# - MSAA finds controls UI Automation doesn't -

-
i'm working on automating windows application. i'm using teststack white framework. i've hit problem. program has 'window' object cannot see inside of. white shows no controls inside of it. inspect.exe shows no controls inside of either when running in ui automation mode. if switch inspect msaa see controls inside fine. there anyway me use msaa c# handle on these controls? if can identify msaa functions need, can use p/invoke call them c#. here's example article doing msaa: http://www.codeproject.com/articles/38906/ui-automation-using-microsoft-active-accessibility also, pinvoke.net can used identify iaccessible (msaa) functions: http://www.pinvoke.net/search.aspx?search=iaccessible&namespace=[all] here's answer along lines: msaa com-based? finally, alternative p/invoke, might able use tlbimp.exe create wrapper assembly oleacc.dll, , access msaa functions through it. i'm not sure if works msaa, it's worth try. as e...
Read more

wordpress - .htaccess: RewriteRule: bad flag delimiters -

-
pulling hair out on one. have following .htaccess file custom redirects in addition wordpress's default settings. when tested on local wamp server worked fine after moving production i'm not getting rewriterule: bad flag delimiters error in server log , after while site goes down internal server error any appreciated. in advance! <ifmodule mod_rewrite.c> rewriteengine on rewritebase / rewriterule ^rockford_weddings___welcome\.html$ /wedding/ [r=301,l] rewriterule ^blog/?$ /journal/ [r=301,l] rewriterule ^blog/(.*)$ /$1 [r=301,l] rewriterule ^portraitinvestment/?$ /portraitinvestment\.pdf [r=301,l] rewriterule ^weddinginvestment/?$ /weddinginvestment\.pdf [r=301,l] rewriterule ^holidaycards2014/?$ /holidaycards2014\.pdf [r=301,l] </ifmodule> # begin wordpress <ifmodule mod_rewrite.c> rewriteengine on rewritebase / rewriterule ^index\.php$ - [l] rewritecond %{request_filename} !-f rewritecond %{request_filename} !-d rewriterule . /index.php [l] </...
Read more