Question

这里当我在文本框中输入一些文本时，只显示表格，否则表格不应显示。

     <input type="text" placeholder="{{placeholder}}" />
       <table class="tftable" border="0">
        <tr>
          <th>Header 1</th>
          <th>Header 2</th>
          <th>Header 3</th>
        </tr>
        <tr>
          <td>Row:1 Cell:1</td>
          <td>Row:1 Cell:2</td>
          <td>Row:1 Cell:3</td>
        </tr>
        <tr>
          <td>Row:2 Cell:1</td>
          <td>Row:2 Cell:2</td>
          <td>Row:2 Cell:3</td>
        </tr>
        <tr>
          <td>Row:3 Cell:1</td>
          <td>Row:3 Cell:2</td>
          <td>Row:3 Cell:3</td>
        </tr>

      </table>

在此感谢帮助我

Answer 1

您应该将ngModel指令添加到input元素，并将此模型与表上的ngShow/ngHide指令一起使用，以控制它是否应该可见。

<input type="text" placeholder="{{placeholder}}" ng-model="text" />
<table class="tftable" border="0" ng-hide="text == 'boom'">
    /* ... */
</table>

在上面的示例中，如果输入的文本为boom，则表格将被隐藏。您可以使用ng-show进行反向行为。

还有一个问题。确保该表包含ngApp和ngController个容器。我在演示中移动了它。

演示：http://jsfiddle.net/z21qfwqz/17/

Answer 2

你需要：

https://docs.angularjs.org/api/ng/directive/ngShow

将ng-model添加到输入so和$ scope，然后在表格中使用ng-show。

<input type="text" ng-model="input.text" placeholder="{{placeholder}}" />
       <table class="tftable" border="0" ng-show="input.text.length > 0">

在输入一些文本文本框时，只应显示表格

2 个答案:

演示：http://jsfiddle.net/z21qfwqz/17/