Я использую angularjs, в моем коде он уже работает, чтобы скрыть и показать bankregel и документ. я добавил новый div с той же функцией ng-show и hide, но он не подходит. Он остается скрытым. Когда я нажимаю на кнопку, она не превращается в элемент блока.
Элемент 1
<div class="container main-wrapper" ng-init="bankregel=false;">
<div ng-hide="bankregel">
<table class="table">
<thead>
<tr>
<th>Omschrijving</th>
<th>Bedrag</th>
<th>Datum</th>
</tr>
</thead>
<tbody>
<tr ng-click="selectBankRegel(bankline)" style="cursor: pointer;" ng-repeat="bankline in filteredItems">
<td style="width:140px; max-width: 140px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;">{{bankline.oms}}</td>
<td>{{bankline.bedrag}}</td>
<td>{{bankline.datum}}</td>
</tr>
</tbody>
</table>
</div>
Функция selectBankregel
$scope.selectBankRegel = function(bankline){
$scope.bankregel = true;
$scope.selectedBankline = bankline;
// $scope.$apply();
}
Элемент 2
<div class="container main-wrapper" ng-init="document=false;">
<div ng-show="bankregel">
<div class="row bankregel-wrapper">
<div class="col-12" style="margin-top: 10px; margin-bottom: 10px;">
<button style="margin-bottom: 25px" ng-click="bankregel=false " ng-show="deviceType == 'iphone' || deviceType == 'ipod' || deviceType == 'ipad' || deviceType == 'webos'" class="btn-fleximaal-dark">Terug naar bankregels</button>
<button ng-click="document=false"class="btn-fleximaal-dark">Bankregel koppelen</button>
</div>
</div>
</div>
Элемент 3
<div class="container main-wrapper" ng-init="scan=false;">
<div ng-show="document">
<h1>test</h1>
</div>
Теперь я пытаюсь создать, когда нажимаю
<button ng-click="document=false"class="btn-fleximaal-dark">Bankregel koppelen</button>
скрыть элемент bankregel и элемент документа, чтобы элемент сканирования мог отображаться.