Javascript Xeditable不工作AngularJS

单击编辑时，Id的值不会传递到Id的可编辑文本框。 它还显示只读值以及可编辑文本框

请帮忙

代码如下：

HTML:

---

这是因为在userTable中，ID是字符串而不是数字，您试图将其放入数字字段中。这是userTable的新版本：

    $scope.usersTable = [{ Id: 1, Name: 'a', Option: '2', Comment: 'Awesome' },
            { Id: 2, Name: 'b', Option: '1', Comment: 'Amazing' },
            { Id: 3, Name: 'c', Option: '4', Comment: 'MindBlowing' },
            { Id: 4, Name: 'd', Option: '3', Comment: 'Like cellRenderers, cellEditor components ' },
            { Id: 5, Name: 'e', Option: '2', Comment: 'Like cellRenderers, cellEditor components ' }];

新版本：

---

另一个选项是将字段改为可编辑文本而不是可编辑数字。

您不会将字段隐藏在显示的任何位置。所以表数据应该是这样的

<td>
                    <span editable-number="user.Id" e-form="formTable" ng-show="!formTable.$visible">
                        {{user.Id}}
                    </span>

                </td>
                <td>
                    <span editable-text="user.Name" e-form="formTable" ng-show="!formTable.$visible">
                        {{user.Name}}
                    </span>
                </td>
                <td>
                    <span editable-select="user.Option" e-form="formTable" e-ng-options="o.value as o.text for o in options" ng-show="!formTable.$visible">
                        {{showOptions(user)}}
                        </span>
                </td>
                <td>
                    <span editable-textarea="user.Comment" e-form="formTable" ng-show="!formTable.$visible">
                        {{user.Comment}}
                    </span>
                </td>  

{{user.Id}
{{user.Name}
{{showOptions（用户）}}
{{user.Comment}}

Ya现在我觉得自己很愚蠢。。。谢谢：）你知道为什么它会在点击编辑时显示只读值和文本框吗？你知道哪里缺少对CSS文件的正确引用（包括引导）。我添加了以下内容（很抱歉SO注释中的格式问题）：```请参阅更新的Plunkr:Ohooo。。。非常感谢！：）@摩尼沙哈尔这是一个有点变通的办法。请参见上面对评论的回答

    $scope.usersTable = [{ Id: 1, Name: 'a', Option: '2', Comment: 'Awesome' },
            { Id: 2, Name: 'b', Option: '1', Comment: 'Amazing' },
            { Id: 3, Name: 'c', Option: '4', Comment: 'MindBlowing' },
            { Id: 4, Name: 'd', Option: '3', Comment: 'Like cellRenderers, cellEditor components ' },
            { Id: 5, Name: 'e', Option: '2', Comment: 'Like cellRenderers, cellEditor components ' }];

<td>
                    <span editable-number="user.Id" e-form="formTable" ng-show="!formTable.$visible">
                        {{user.Id}}
                    </span>

                </td>
                <td>
                    <span editable-text="user.Name" e-form="formTable" ng-show="!formTable.$visible">
                        {{user.Name}}
                    </span>
                </td>
                <td>
                    <span editable-select="user.Option" e-form="formTable" e-ng-options="o.value as o.text for o in options" ng-show="!formTable.$visible">
                        {{showOptions(user)}}
                        </span>
                </td>
                <td>
                    <span editable-textarea="user.Comment" e-form="formTable" ng-show="!formTable.$visible">
                        {{user.Comment}}
                    </span>
                </td>