How can i use a angular variable coming from controller in html?

Question

i have a question on how to get variables set in my controller in a html tag?

Example:

<table class="table table-striped table-bordered table-hover" ng-hide="checked">

The ng-hide should be a variable. In my controller i have:

$scope.checked = "checked";

How to use the variable in the above example?

<table class="table table-striped table-bordered table-hover" ng-hide="{{ checked }}">

Doesnt work.

ng-hide="checked == 'checked'"

m.e.conroy
– m.e.conroy

2014-06-15 13:22:51 +00:00
Commented Jun 15, 2014 at 13:22 — m.e.conroy
– m.e.conroy, Commented Jun 15, 2014 at 13:22

Milad · Accepted Answer · 2014-06-15 10:27:05Z

1

ng-hide ng-show ng-desabled all of them rely on a true/false variable,

So you have to consider a $scope.checked=false or true in your controller , and that will work

answered Jun 15, 2014 at 10:27

Milad

28.7k11 gold badges78 silver badges91 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

ugursogukpinar · Accepted Answer · 2014-06-15 10:04:19Z

I can give you this.

 <!DOCTYPE html>
    <html ng-app>
    <head>
        <title></title>
        <script type="text/javascript" src="angular.min.js"></script>
        <script type="text/javascript">
        function testCtrl ($scope) {
            $scope.checked = true;

            $scope.changeHide = function(){
                $scope.checked = false;
            }
        }
        </script>
    </head>
    <body ng-controller="testCtrl">
        <div ng-show="checked">
            Must be shown on start.
        </div>
        <button ng-click="changeHide()">Hide</button>
    </body>
    </html>

ng-show or ng-hide , it does not matter.

Collectives™ on Stack Overflow

How can i use a angular variable coming from controller in html?

2 Answers 2

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Related