Question

我试图使用angularjs隐藏div及其内容。我创建了一个初始化为false的范围变量，并将其设置为div以隐藏它。 div尚未隐藏及其内容这是javascript片段

<script type="text/javascript">
    function MyCtrl($scope) {

    $scope.myvalue = false;

}    
    </script>

我正在调用上面的javascript div来隐藏它＆gt;＆gt;＆gt;＆gt;

<div ng-app class="container" style="padding: 10px;">
                <!-- end of shopping cart -->
                <div ng-controller="MyCtrl" id="products" class="row mas">
                <div class="col-sm-3 filter">
                    <div class="col-item">


                        <div class="info">
                            <div class="row">
                                <div class="price col-md-6">

在加载页面时，div及其内容不会隐藏。请帮助

Answer 1

Angular有DOM可见性指令。

<div ng-hide="true"></div>

或

<div ng-show="false"></div>

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

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

ng-hide和ng-show 做呈现DOM节点 - 虽然通过css类助手隐藏。 ng-if在表达式不真实之前不会呈现DOM节点。

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

试图用angularjs隐藏div及其内容

1 个答案: