Angular Xeditable下拉式e-ng-change无法正常工作

我正在使用Angular Xeditable api.I需要根据下拉式的值更改文本字段的值。但它不起作用。您能告诉我为什么吗？谢谢。Angular Xeditable下拉式e-ng-change无法正常工作

的Html

<td> 
<span editable-select="user.status" e-form="tableform" e-ng-options="s.value as s.text for s in statuses" e-ng-change="setName($data,user)"> 
    {{ showStatus(user) }} 
</span> 
</td>

$scope.setName = function (id, user) { 
       var selected = []; 
       if (id) { 
        selected = $filter('filter')($scope.statuses, { value: id }); 
       } 

       if (selected.length) { 
        user.name = selected[0].text; 
       } 
      };

生成的HTML：你可以看到，它已被更改申请如预期（STATUS3）这个名字的文字。但它不正确地更新文本框。换句话说，它不显示在文本框中。为什么？

<td> 
    <!-- editable username (text with validation) --> 
<span editable-text="user.name" e-form="tableform" onbeforesave="checkName($data, user.id)" class="ng-scope ng-binding editable editable-hide"> 
      status3 
    </span><span class="editable-wrap editable-text ng-scope"><div class="editable-controls form-group" ng-class="{'has-error': $error}"><input type="text" class="editable-input form-control ng-pristine ng-valid" ng-model="$data"><div class="editable-error help-block ng-binding" ng-show="$error" ng-bind="$error" style="display: none;"></div></div></span> 
</td>

UPDATE：

我试图像this.But然后它改变了所有行values.So我怎么能只检测更改的行？

$scope.setName = function (id, user,form) { 
       var selected = []; 
       if (id) { 
        selected = $filter('filter')($scope.statuses, { value: id }); 
       } 

       if (selected.length) { 
        for (var i = 0; i < form.$editables.length; i++) { 
         if (form.$editables[i].name === 'user.name') { 
          form.$editables[i].scope.$data ="sampath"        
         } 
         } 
       } 
      };

这里是JsFiddle

来源

2016-02-22 Sampath

我尝试使用旧的源代码和它的作品对我来说：

if (selected.length) { 
    user.name = selected[0].text; 
}

可能是我错过理解您的问题。

http://jsfiddle.net/NfPcH/14573/

来源

2016-04-12 12:46:38

如果我的理解是正确的，你只是想根据状态变化来更新文本框（被绑定到用户的名字）的文本，对不对？

如果是这样，那么你的UPDATED代码太复杂了。只需在传递给setName函数的用户对象上直接更新属性（就像在第一个示例中那样）。它已经绑定到了文本框，所以你不必一路走来直接更新文本框。这就是使用角度的全部要点。您更新示波器上的模型，其余部分自动发生。

$scope.setName = function (id, user) { 
    if (!id || !user) { 
     // Do something to handle this... 
     return; 
    } 
    var selected = $filter('filter')($scope.statuses, { value: id }); 
    selected = selected.length ? selected[0] : null; 
    user.name = 'sampath (' + selected.text + ')'; 
};

这里是一个udpated小提琴： http://jsfiddle.net/NfPcH/14765/

来源

2016-04-21 21:15:44 andzep

Angular Xeditable下拉式e-ng-change无法正常工作

回答

相关问题