在AngularJs中隐藏和显示ng-repeat

时间:2017-01-13 08:45:16

标签: angularjs angularjs-ng-repeat ng-repeat

我有一个下拉和重复数据。当页面加载时,我想隐藏ng-repeat并根据下拉数据的选择,我想显示ng-repeat。 用户界面如下:

Shutterbug.shootElement(driver, element).save();

当页面加载时,下拉列表的数据为" - 选择季节 - " 。在加载时,我想隐藏" divMultilingualText"和ng-repeat。如果用户在下拉列表中选择任何其他数据,那么我想显示" divMultilingualText"和ng-repeat数据。

如何实现这一目标? 感谢

2 个答案:

答案 0 :(得分:1)

试试这个:

<div class="row" id="divMultilingualText" ng-if="selectedseasonType" >

<div class="row" id="divMultilingualText" ng-show="selectedseasonType>0" >

答案 1 :(得分:1)

使用ng-if或ng-show / ng-hide。

ng-if:添加和删除DOM元素。

<div class="row" id="divMultilingualText" ng-if="selectedseasonType" >

ng-show:只需隐藏并显示DOM css方式。

<div class="row" id="divMultilingualText" ng-show="selectedseasonType">