You need to tell angular that you updated the var: function TestCtrl($scope) { $scope.loading = true; setTimeout(function () { $scope.$apply(function(){ $scope.loading = false; }); }, 1000); } or just function TestCtrl($scope, $timeout) { $scope.loading = true; $timeout(function () { $scope.loading = false; }, 1000); }
ngShow takes an Angular expression so you don’t want the double curly braces. This will work for you: <div ng-show=”(doors + windows) < 6″> Shows if you have 0-5 doors and windows combined. </div> <div ng-show=”(doors + windows) > 5 && (doors + windows) < 11″> Shows if you have 6-10 doors and windows combined. … Read more
You just need to toggle the value of “isReplyFormOpen” on ng-click event <a ng-click=”isReplyFormOpen = !isReplyFormOpen”>Reply</a> <div ng-show=”isReplyFormOpen” id=”replyForm”> </div>
The foo.bar reference should not contain the braces: <p ng-hide=”foo.bar”>I could be shown, or I could be hidden</p> <p ng-show=”foo.bar”>I could be shown, or I could be hidden</p> Angular expressions need to be within the curly-brace bindings, where as Angular directives do not. See also Understanding Angular Templates.