Как показать скрытый элемент с AngularJS - PullRequest
Новая
       0

Как показать скрытый элемент с AngularJS

0 голосов
/ 24 февраля 2020

Здравствуйте, у меня есть скрытый div, и я хочу показать его, когда нажимаю кнопку в angularjs

Когда я нажимаю кнопку, div показывается на секунду и исчезает обратно.

Вот то, что я попробовал. 

<button ng-click="myValue = true">Click</button>
<!--SELECTEAZA DECLARATII -->        
<div ng-show="myValue" class="ng-hide">
    <b:selectOneMenu ajax="true" process="@this" label="Selecteaza declaratie"  >         
        <f:selectItems value="#{cereri.declaratii}" var="beer2" 
               itemValue="#{beer2}" itemLabel="#{beer2}" />
    </b:selectOneMenu>
</div>

Это класс js: 

$scope.myValue = false;

Как я могу сделать показ Div, когда я нажимаю кнопку

Спасибо

Ответы [ 3 ]

2 голосов
/ 24 февраля 2020

Это работает в DEMO ниже.

Директива ng-show успешно удаляет класс ng-hide, и элемент становится видимым. В вашем коде должно быть что-то еще, что вызывает проблему.

Люди смогут лучше помочь, если вы предоставите код, который они могут использовать для воспроизведения проблемы .

ДЕМО 

<script src="//unpkg.com/angular/angular.js"></script>
<body ng-app>
    <button ng-click="myValue = true">Click</button>
    <!--SELECTEAZA DECLARATII -->        
    <div ng-show="myValue" class="ng-hide">
        HIDDEN ELEMENT myValue = {{myValue}}
        <b:selectOneMenu ajax="true" process="@this" label="Selecteaza declaratie"  >         
            <f:selectItems value="#{cereri.declaratii}" var="beer2" 
                   itemValue="#{beer2}" itemLabel="#{beer2}" />
        </b:selectOneMenu>
    </div>
</body>
0 голосов
/ 24 февраля 2020

удалить класс ng-hide

у вас есть ng-show

0 голосов
/ 24 февраля 2020

Если у вас есть этот класс в вашем html: class="ng-hide", удалите его (angularjs добавляет этот класс, чтобы скрыть элемент, когда выражение ng-show оценивается как false), остальное в порядке : 

<div ng-show="myValue">
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...