如何在自定义指令中显示空模板

Question

我正在处理一个自定义指令，该指令将在范围内没有任何显示的情况下显示已排除的空模板--就像在这个柱塞中一样。

我无法在ng重复中删除空模板，也无法在没有数据的情况下显示空消息。在没有任何显示的情况下，如何显示空模板？

Answer 1

实际上，我不确定这是正确的方式，在指令-你最好在你的主模板中显示不同的DIVs。

但我的想法是:不需要翻译，而是手动编译，取决于是否有任何项目需要显示。

下面是工作(但仍然有点脏)的柱塞：http://plnkr.co/edit/dxUjpeCbSKKjaXqK9qBF?p=preview

请注意，即使在我查看整个列表时，只有在状态(空/非空)被更改时才会重新编译。

Note2:它不是完全转换-模板内部的作用域(空的和非空的)将被隔离到指令的作用域。您可以通过使用不同的编译或子范围来解决这一问题--有几种解决方案，但它们与此问题无关:)

Answer 2

你不需要这个指令。只需从app.js中删除该指令，并将按钮后的代码替换为：

  <div ng-hide="things.length">nothing to show here</div>
  <div ng-show="things.length">
    <ul>
      <li ng-repeat="thing in things">thing #{{thing}}</li>
    </ul>
  </div>

下面是工作代码：http://plnkr.co/edit/u4FF77y6dhXHj0FQC9Ai?p=preview