我正在使用角度可编辑文本,并且正在尝试编辑表格行中的文本。每当我单击文本时,它会正确创建一个文本框,但不会将应编辑的数据放入其中。我不知道如何将该文本分配给 $scope 对象。
请帮忙!
这是我的 HTML 表格代码
<tbody>
{% for user in User %}
<tr>
<td> {{ user.uid }} </td>
<td><a href="#" editable-text="user.taskname"> {{ user.taskname }} </a>
<span style="padding-right:3px; padding-top: 3px; display:inline-block;" ></span>
<input type="image" class="deleteImg"
src="static/img/trash_can.png" height="15px"
width="18px" name="removeId"
value={{user.uid}} ></input>
<input type="image" src="static/img/editbtn.svg"
height="15px" width="18px" name="editId"
value={{user.uid}} ></input>
</td>
</tr>
{% endfor %}
</tbody>
</table>
</div>
这是我的脚本
<script>
var newItem ={};
var app = angular.module("app", ['xeditable']);
app.controller('myctrl', function($scope) {
$scope.myname="Howdy";
$scope.user={
taskname: 'Here goes the main logic'
};
});
app.config(function($interpolateProvider) {
$interpolateProvider.startSymbol('//').endSymbol('//');
});
app.run(function(editableOptions) {
editableOptions.theme = 'bs3'; // bootstrap3 theme. Can be also 'bs2', 'default'
});
</script>