Question

当我将自定义指令放入带有ng-show的div中时，我看到了一些奇怪的行为。

如果我将html定义为：

<div ng-show="service.searchResults">
    <fig-search-type-filters />

    <fig-filter-search />       

    <div class="gridStyle" ng-grid="vm.grid"></div>
</div>

然后当show条件为true时，它只显示fig-search-type-filters个内容。所有其余的都从html中删除了。但是，如果我按如下方式包装每个指令：

<div ng-show="service.searchResults">
    <fig-search-type-filters />
</div>

<div ng-show="service.searchResults">
    <fig-filter-search />       
</div>

<div ng-show="service.searchResults">
    <div class="gridStyle" ng-grid="vm.grid"></div>
</div>

然后fig-search-type-filters，fig-filter-search和网格按我的预期显示。这是为什么？

如果我在每个指令的模板中移动ng-show条件，那么只会出现fig-search-type-filters。

Answer 1

如果你这样做怎么办：

<div ng-show="service.searchResults">
    <fig-search-type-filters> </fig-search-type-filters>

    <fig-filter-search> </fig-filter-search>        

    <div class="gridStyle" ng-grid="vm.grid"></div>
</div

ng-show中的指令

1 个答案: