Question

美好的一天。我使用了几种方法来使用ng-show和ng-hide，但它们都不起作用。单击按钮时，第一个div应隐藏并显示秒数。请帮帮我！这是我尝试的最后一种方式：

<div class="parentDiv .col-lg-">
    <from class="centerMain">
        <div ng-show="showF" class="center-block">  <!-- this div should hides -->
            <div>
                <label  class="center-block">Введите PIN</label>
            </div>
            <div>
                <input name="userName" placeholder="1234" class="center-block inputLine">
            </div>          
            <div>
                <button ng-click="showF = !showF" class="center-block buttonBig">Установить PIN</button> <!-- this button makes hiding -->
            </div>
        </div>
        <div ng-show="!showF" class="center-block"> <!--this should appears -->
            <div>
                <label  class="center-block">Подтвердите пин</label>
            </div>
            <div>
                <input name="userName" placeholder="1234" class="center-block inputLine">
            </div>          
            <div>
                <button class="center-block buttonBig">Подтвердить</button> 
            </div>
        </div>
    </from>
</div>

Answer 1

Angular 2已经弃用了许多不必要的Angular 1指令。

您可以使用[hidden] / [ngIf]，例如[hidden]="showF"或*ngIf="showF"

此外，所有基于事件的指令都已弃用，您可以通过将其名称包含在(eventName)

中直接调用DOM上的事件

(click)="myFunction()" //instead of ng-click
(focus)="myFunction()" //instead of ng-focus

为什么ng-hide和ng-show不起作用？

1 个答案: