Question

我有一个关于如何在html标签中设置控制器中的变量的问题？

示例：

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

ng-hide应该是一个变量。在我的控制器中我有：

$scope.checked = "checked";

如何使用上例中的变量？

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

不起作用。

Answer 1

ng-hide ng-show ng-desabled 所有这些都依赖于真/假变量，

因此，您必须在控制器中考虑$ scope.checked = false 或 true ，这样才能正常工作

Answer 2

我可以给你这个。

 <!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或ng-hide，没关系。

我怎样才能在html中使用来自控制器的角度变量？

2 个答案: