javascript - 如何以角度显示和隐藏 DIV

Question

我有两个 div(s)

<div id = 'a'>
</div>
<div id = 'b'>
</div>

单击“添加”按钮我想隐藏 div a 并显示 div b

Answer 1

您将像这样调整您的 html 标记：

<div ng-controller="controller">     
    <div id = 'a' ng-show="showA">
    </div>
    <div id = 'b' ng-show="showB">
    </div>
    <button ng-click="add()">Add</button>
</div>

然后，在你的控制器中，有这样的东西：

function controller($scope) {
    $scope.showA = true;
    $scope.showB = false;

    $scope.add = function() {
        $scope.showA = false;
        $scope.showB = true;
    };
}