Как использовать 2 ui-grid с ng-hide и ng-grid?

Я новичок в angularjs, и я хочу создать одну страницу, на которой я хочу добавить 2 ui-grid с одной кнопкой под названием «other-grid» в первый раз, когда он должен загрузить 1-ю сетку, и когда мы снова щелкнем, 1-я сетка должна заменить 2-ю сетку Но есть некоторые проблемы. Я хочу использовать ng-show и ng-hide, он работает для первой сетки, но не загружает вторую сетку правильно. Почему так и любое решение, пожалуйста ..


html angularjs ng-show ng-hide ui-grid
person Navjyot    schedule 24.05.2016    source источник

Ответы (2)


arrow_upward
0
arrow_downward

Вам, вероятно, лучше использовать ng-if при работе с ui-grid.

Что касается ng-show, он делает странные вещи при рендеринге пользовательских сеток (см. https://github.com/angular-ui/ui-grid/issues/4559)

Вот плункер из двух сеток с кнопкой: http://plnkr.co/edit/IGF6X7SqtFdFSk8jiory?p=preview

 <button ng-click="toggleuigrid()">toggle grid</button>
 <div class="row">
     <div class="span4" ng-if="show">
         <div id="grid1" ui-grid="gridOptions1" class="grid" ></div>
     </div>

    <div class="span4" ng-if="!show">
        <div id="grid2" ui-grid="gridOptions2" class="grid"  ></div>
    </div>
 </div>
person RedApple    schedule 01.06.2016

arrow_upward
0
arrow_downward

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

Вы можете попробовать использовать ng-if, ng-show, ng-hide и сделать другую сетку видимой при нажатии на кнопку - «другая сетка»

Вот официальный учебник, который делает что-то похожее на то, что вы хотите.

person Pratik Bhat    schedule 01.06.2016