在 ng-repeat Angular 中包含一些代码

Question

有没有办法在 ng-repeat 中包含并迭代当您按下输入字段时显示的虚拟键盘？ http://plnkr.co/edit/4cP2xSDRgvHG29RuA92N?p=preview 因为现在，使用 jQuery，它只显示第一个输入......

            <input style="background: white; color: black;" type="text" id="myInput"  class="form-control" data-ng-model="food.Text"/>
<table class="ui-bar-a" id="n_keypad" style="display: none; -khtml-user-select: none;">
<tr>
   <td><a data-role="button" data-theme="b" class="numero">7</a></td>
   <td><a data-role="button" data-theme="b" class="numero">8</a></td>
   <td><a data-role="button" data-theme="b" class="numero">9</a></td>
   <td><a data-role="button" data-theme="e" class="del">Del</a></td>
</tr>
<tr>
   <td><a data-role="button" data-theme="b" class="numero">4</a></td>
   <td><a data-role="button" data-theme="b" class="numero">5</a></td>
   <td><a data-role="button" data-theme="b" class="numero">6</a></td>
   <td><a data-role="button" data-theme="e" class="clear">Clear</a></td>
</tr>
<tr>
   <td><a data-role="button" data-theme="b" class="numero">1</a></td>
   <td><a data-role="button" data-theme="b" class="numero">2</a></td>
   <td><a data-role="button" data-theme="b" class="numero">3</a></td>
   <td><a data-role="button" data-theme="e">&nbsp;</a></td>
</tr>
<tr>
   <td><a data-role="button" data-theme="e" class="neg">-</a></td>
   <td><a data-role="button" data-theme="b" class="zero">0</a></td>
   <td><a data-role="button" data-theme="e" class="pos">+</a></td>
   <td><a data-role="button" data-theme="e" class="done">Done</a></td>
</tr>
</table>

Answer 1

你有几个问题。

1. 您正在使用 Jquery 来处理事件，但有时也使用 angular js。您应该使用一个。
2. 在 jquery 就绪方法中，您正在附加事件。因此，通过 angularjs 添加后，它不会在文本字段上附加事件。 （我用全局方法解决了它，但这是不好的做法，请参阅我的 plunker）
3. 您在文本字段上使用点击事件，我认为您应该关注我们 事件。
4. 在 ng-repeat 中，您正在使用 id="myText" 这样的方式，因此在添加更多行的同时重复这些 id。玩css类。

我在 plunker 上工作，这里是 mine。虽然我没有解决上述所有问题。

data-ng-click="food.showKeypad = true" //Use this on input
data-ng-show="food.showKeypad" //use this on table
//No need events for input, dont forget to remove display none from table