2017-02-24 164 views
0

我是新來的角,有這個簡單的問題。 我有一個按鈕,當我點擊我想顯示一個網格和一些無法過濾的過濾器是這樣的。AngularJS的可見性

<div ng-show="filtroFilial" style="visibility: hidden" class="col-md-2"> 
    <div class="form-group"> 
     <label>Estado da Filial</label> 
     <div class="form-group form-md-line-input no-hint right" style="padding-top: 3px;"> 
     <select id="regional" name="regional" chosen width="150" allow-single-deselect="true" ng-model="vm.relatorio.regional" style="width:100%" 
      ng-options="regional.Cod_Regional as regional.Nom_Regional for regional in vm.regionais | orderBy:'Nom_Regional'" ></select> 
     </div> 
    </div> 
</div> 

和電網是這樣的。(在beggining)

<div id="divSilt" style="overflow-x: hidden;"> 
<div class="row"> 
<div class="col-md-12"> 
<div class="portlet light form-fit bordered" style="padding: 10px 20px 0 20px;"> 
<div class="portlet-body form"> 
<div class="tabbable tabbable-tabdrop"> 
<ul class="nav nav-tabs"> 

這是我的屏幕。 enter image description here

當我點擊「Aplicar Filtros」時,我想顯示隱藏的everthing。我用 ng-show或者只是ID?這是我的.js,

vm.filtrar = function() { 
    $scope.$parent.vm.loading = $http({ 
     method: 'Post', 
     url: _obterUrlAPI() + "AcompanhamentoSilt/FiltroSilt", 
     dataType: "jsonp" 
    }).then(function successCallback(response) { 
     vm.importacaoSilt = response.data; 
    }, function errorCallback(response) { 
     MessageBox("Erro", response.data.Message); 
    }); 
}; 

如果回報是廣告獲得成功我想說明一切,會像this.How可以改變的知名度?是在我上面把JS?

enter image description here

+0

你爲什麼要用ng-show將可見性添加到div中? –

+0

只在您的http之前放置'scope.showOthers = false'。然後在你的http一旦你有成功的信息改變'scope.showOthers = true',然後在div'ng-show = showOthers' – Smit

回答

2

所有你需要做的就是添加一個ng-show="false"

然後,您只需將ng-click添加到更改顯示/隱藏div的變量的按鈕即可。所以換句話說,你應該有這樣的事情:

<div ng-show="showMe"> 
    this is hidden on load 
</div> 

而在你的控制器:

$scope.showMe = false; 

這意味着你的DIV隱藏在頁面加載時。現在你調用一個funtion展現DIV

<button ng-click="showAll()"></button> 

而在你的控制器

$scope.showAll = function(){ 
    $scope.showMe = true; 
} 

這將改變其顯示/隱藏DIV的變量。

+0

它工作得很好,謝謝。 –

+0

很酷。快樂的編碼! –