angularjs xeditable - ng-options

【问题标题】：angularjs xeditable - ng-optionsangularjs xeditable - ng-options
【发布时间】：2016-11-28 12:34:39
【问题描述】：

我在从选定的经销商处获取 ID 时遇到问题。这是我选择经销商的 html 代码

<span editable-select="currentKlupa.distributor" e-form="tableform" e-ng-options="user as user for user in getAllUserFromRolesPushano">{{::currentKlupa.distributor.username}}
                            </span>

我还有另一个选择框，所有工作正常，但这个不是，因为我需要从这个选择中获取 id。

这里是控制器

$scope.getUserFromRoles = function (rolaProslijedena) {
        $scope.getAllUserFromRolesPushano = [];
        $scope.getAllUserFromRoles = dohvacanjeUseraPoRolama.get({rola: rolaProslijedena});
        $scope.getAllUserFromRoles.$promise.then(function (data) {
            angular.forEach(data.users, function (key, value){
                $scope.getAllUserFromRolesPushano.push(key.username);
            });

        });
    };

我需要从这个选定的经销商那里获取 id，如何为此设置 ng-options？谢谢

【问题讨论】：

标签： angularjs x-editable

【解决方案1】：

没有更多信息，我给你一个技巧的例子（我还没有找到更好的解决方案）：

我有一个艺术家完成的表演。

$scope.shows = {artist_id : 4};

以及艺术家列表。

$scope.artists = [{id : 1, name : 'artist1'},{id : 2, name : 'artist2'},...];

我的 html 将是：

<span editable-select="shows.artist_id" e-name="name" e-form="rowform"  e-ng-options="g._id as g.name for g in artists">
    {{DisplayName(shows)}}
</span>

诀窍是使用 DisplayName。

$scope.DisplayName= function(item) {
  var selected = $scope.artists.filter(function( obj ) {return (obj._id == item.artist_id)})[0]
  return selected.name;
};

这确实不是最好的解决方案，但确实有效。

【讨论】：