Angular ng-show/ng-hide… the endless struggle of understanding this ish

More examples, resources etc.

First, Kendra, don’t forget about the freaking docs:

ngInclude https://docs.angularjs.org/api/ng/directive/ngInclude

ngIf https://docs.angularjs.org/api/ng/directive/ngIf

guide to filters https://docs.angularjs.org/guide/filter

guide to scope https://docs.angularjs.org/guide/scope

the tutorial step 6 (I should just really do this tutorial) https://docs.angularjs.org/tutorial/step_06

Issues with $scope.apply() http://jimhoskins.com/2012/12/17/angularjs-and-apply.html <– READ THIS

Angular recipes http://fdietz.github.io/recipes-with-angular-js/directives/changing-the-dom-in-response-to-user-actions.html

https://www.reddit.com/r/angularjs/

http://stackoverflow.com/questions/30869370/ng-if-with-angular-for-string-contains

http://stackoverflow.com/questions/21512182/bound-element-inside-ngif-does-not-update-binding

http://stackoverflow.com/questions/33525361/angularjs-possible-to-ng-show-ng-hide-a-modal-window

_.findWhere — http://stackoverflow.com/questions/18298184/check-for-uniqueness-in-array-push-to-array-if-unique

Angular show/hide and popup boxes

I ended up using all of these resources:

https://scotch.io/tutorials/how-to-use-ngshow-and-nghide

http://stackoverflow.com/questions/19018536/how-do-i-toggle-an-ng-show-in-angularjs-based-on-a-boolean

Helpful plunker http://plnkr.co/edit/k3SE08xzvHe6dUKYhNlN?p=preview

 

Didn’t use, but interesting?:

http://stackoverflow.com/questions/31770019/angular-ui-bootstrap-popover-how-add-a-close-button

http://stackoverflow.com/questions/18962536/angular-ui-modal-after-close-event

Oh and some fun stuff about directives (DIRECTly from the docs. Because somehow I often forget those exist.)

https://docs.angularjs.org/guide/directive

My css only backup plan:

 

TODO: Food Adventures!

Dear Future Kendra,

Don’t forget to try:

Chocolate Covered Katie “Healthy Meal Ideas” (hello, Cool Ranch Dorito Dip!??) http://chocolatecoveredkatie.com/category/healthy-meal-ideas/page/2/

CCK Enchiladas and Sweet Potatoes with Tahini http://chocolatecoveredkatie.com/category/healthy-meal-ideas/

CCK Crockpot Chili http://chocolatecoveredkatie.com/2016/01/28/crock-pot-sweet-potato-chili/

CCK cinnamon roll oatmeal http://chocolatecoveredkatie.com/2011/09/09/cinnamon-roll-baked-oatmeal/

CCK Cauliflower Pizza Crust http://chocolatecoveredkatie.com/2016/09/05/cauliflower-pizza-crust-vegan/