如何在角度中显示和隐藏DIV

Question

我有两个div

<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;
    };
}