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

你有几个问题。

您正在使用Jquery来处理事件，但有时也使用角度js。你应该使用一个。
在jquery ready方法中，您正在附加事件。因此，在通过angularjs添加后，它不会在文本字段上附加事件。（我用全局方法解决了它，但这是不好的做法，请看我的plunker）
您正在使用文字字段上的点击事件，我认为您应该关注我们事件
在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

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

1 个答案: