This is not $modal related, but instead a HTML/ngRepeat issue.
Use td
tags:
<table>
<tr ng-repeat="placeHolder in translationTablePlaceHolders">
<td>{{placeHolder.name}}
<input class="input-medium input_popUp" type="text" />
</td>
</tr>
</table>
Consider the following example not using td
with ng-repeat
:
<body>
<table>
<tr ng-repeat="number in [ 1, 2, 3]">
{{ number }}
</tr>
</table>
</body>
This would generate empty tags, like in your example:
<body class="ng-binding">
<table>
<tbody>
<!-- ngRepeat: number in [ 1, 2, 3] -->
<tr ng-repeat="number in [ 1, 2, 3]" class="ng-scope"></tr>
<!-- end ngRepeat: number in [ 1, 2, 3] -->
<tr ng-repeat="number in [ 1, 2, 3]" class="ng-scope"></tr>
<!-- end ngRepeat: number in [ 1, 2, 3] -->
<tr ng-repeat="number in [ 1, 2, 3]" class="ng-scope"></tr>
<!-- end ngRepeat: number in [ 1, 2, 3] -->
</tbody>
</table>
</body>
Then consider the following example not using ng-repeat
:
<body>
<table>
<tr>1</tr>
<tr>2</tr>
<tr>3</tr>
</table>
</body>
While this would actually show 123
, the markup would look like this (in Chrome at least):
<body>
123
<table>
<tbody>
<tr></tr>
<tr></tr>
<tr></tr>
</tbody>
</table>
</body>