如何设置x-editable选择框

Question

我在我的项目中使用x-editable表单。除默认视图外，一切正常。它显示为空，但是当我单击编辑该字段时，将选择数据库中的正确状态。并且可以获得所有州的列表。

<span editable-select="active.ClientState" e-name="ClientState" e-ng-options="s for s in main.states">{{ (states | filter:{value: active.ClientState})[0].text || 'Not set' }}</span> 

默认视图

单击“编辑”按钮后

Answer 1

请上传您的代码示例以获得更好的帮助。

当您单击文本时，Angular-xeditable会隐藏该范围并在该位置添加表单。 检查可编辑文本值，如果这是错误的，它会将您的文本绑定到错误的变量。

选中此fiddle

<h4>Angular-xeditable Text (Bootstrap 3)</h4>

<div ng-app="app" ng-controller="Ctrl"> 
     <a href="#" editable-text="user.name1">{{ user.name || 'empty' }}</a><br>
     <a href="#" editable-text="user.name">{{ user.name || 'empty' }}</a>
</div>

在上面的示例中，第一个锚具有错误的可编辑文本值，因此它将检索并更新到范围的错误属性。 为了更好地调试，请尝试打印包含数据的对象。