Question

我是front-end的新手。现在，我在这里3 divs将在同一页面上。位置也将相同。这就像切换。所以在一开始这将是我将展示的div

<div text-angular id="htmlEditorId" >Abc</div>

然后有按钮就像是

<button class="col-xs-3 btn btn-default" ng-click="changeTab()">NextTab </button>

点击该按钮

<div text-angular id="secon">abcd</div>

这个div应该显示而不是前一个。

然后再点击该按钮第三个div

<div text-angular id="third">azzzbcd</div>

应该看到这个，再次点击第一个应该显示。它就像一个循环时尚。

现在我尝试使用ng-show和ng-if。任何人都能帮助我吗？

$scope.changeTab = function() {
     $scope.showfirst = true;
  $scope.showsecond = false;
}

Answer 1

这很简单，您可以通过多种方式实现，例如：

在控制器中 定义范围变量（可与前端绑定）

$scope.showView = "firstView"

定义一个函数：

$scope.changeView = function(value) {
     $scope.showView = value;
}

在html页面中定义你的div和按钮

<button ng-click="changeView('secondView')">Chage View</button>

<div ng-show="showView == 'firstView'">abcd</div>
<div ng-show="showView == 'secondView'">abcd</div>

点击按钮更改div

1 个答案: