AngularJS的可见性

我是新来的角，有这个简单的问题。我有一个按钮，当我点击我想显示一个网格和一些无法过滤的过滤器是这样的。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">

这是我的屏幕。

当我点击“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？

来源

2017-02-24 Vinicius Cano

你为什么要用ng-show将可见性添加到div中？ –

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

所有你需要做的就是添加一个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的变量。

来源

2017-02-24 17:17:42

它工作得很好，谢谢。 –

很酷。快乐的编码！ –

AngularJS的可见性

回答

相关问题