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

时间:2015-03-17 12:00:13

标签: javascript angularjs x-editable

我在angularjs中使用x-editable。

当我提交选择时。

我没有使用文档

中给出的$ data获取新值

这里是小提琴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'}]; 
    }
  });
});

任何人都可以帮助我,我如何获得更新的价值?

1 个答案:

答案 0 :(得分: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/