Скрыть 2 div и показать 1 div с помощью ng-hide / ng-show / ng-click - PullRequest
0 голосов
/ 01 мая 2019

Я использую 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 и элемент документа, чтобы элемент сканирования мог отображаться.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...