javascript - 如何在 x-editable angularjs 的选择下拉列表中获取所选值

Question

我在 angularjs 中使用 x-editable。

当我提交选择时。

我没有获得文档中给出的 $data 的新值

这是 fiddle http://jsfiddle.net/NfPcH/7014/

脚本:

var app = angular.module("app", ["xeditable", "ngMockE2E"]);

app.run(function(editableOptions) {
  editableOptions.theme = 'bs3';
});

app.controller('Ctrl', function($scope, $q, $http) {
  $scope.items = ['a','b','c'];
  $scope.user = {
    id: 1,
    name: 'a'
  };

  $scope.updateUser = function(data) {
      alert(data);
     $scope.console = data;
    return $http.post('/updateUser', {id: $scope.user.id, name: data});
  };
});

// mock `/updateUser` request
app.run(function($httpBackend) {
  $httpBackend.whenPOST(/\/updateUser/).respond(function(method, url, data) {
    data = angular.fromJson(data);
    if(data.name === 'error') {
      return [500, 'Error message']; 
    } else {
      return [200, {status: 'ok'}]; 
    }
  });
});

谁能帮我，我如何获得更新后的值？

Answer 1

你的问题是你试图在你的html中读取s.text，但你的数组中没有文本键!

改变....

ng-options="s.text as s for s in items"

至

ng-options="s for s in items"

而且它似乎有效。

http://jsfiddle.net/v983ryrk/1/