0

我正在使用角度可编辑文本,并且正在尝试编辑表格行中的文本。每当我单击文本时,它会正确创建一个文本框,但不会将应编辑的数据放入其中。我不知道如何将该文本分配给 $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>  
4

0 回答 0