1
爲什麼Group-Row是空的,當我按下Edit按鈕時? 當編輯模式處於可見下拉菜單時,我希望列表中有相同的值。
我該如何解決這個問題?
請檢查該工作守則:
這裏是我的plnkr
var app = angular.module("employment", ["xeditable"]);
\t
\t app.run(function(editableOptions) {
\t editableOptions.theme = 'bs3'; // bootstrap3 theme. Can be also 'bs2', 'default'
\t });
\t app.controller('EditableRowCtrl', function($scope, $filter, $http)
\t {
\t \t
\t \t $scope.users = [];
\t \t $http.get('userdata.json').success(function(data){
\t \t \t $scope.users = data;
\t \t });
\t \t $scope.statuses = [
\t \t {value: 1, text: 'aktiv'},
\t \t {value: 2, text: 'inaktiv'}
\t \t ];
\t \t $scope.groups = [
\t \t {id: 1, text: 'Administrator'},
\t \t {id: 2, text: 'SuperUSer'},
\t \t {id: 3, text: 'Mitglied'},
\t \t ]; \t \t
\t \t
\t \t $scope.showGroup = function(user) {
\t \t if(user.group && $scope.groups.length) {
\t \t var selected = $filter('filter')($scope.groups, {id: user.group});
\t \t return selected.length ? selected[0].text : 'Not set';
\t \t } else {
\t \t return user.groupName || 'Not set';
\t \t }
\t \t };
\t \t $scope.showStatus = function(user) {
\t \t var selected = [];
\t \t if(user.status) {
\t \t selected = $filter('filter')($scope.statuses, {value: user.status});
\t \t }
\t \t return selected.length ? selected[0].text : 'Not set';
\t \t };
\t \t // remove user
\t \t $scope.removeUser = function(index) {
\t \t $scope.users.splice(index, 1);
\t \t };
\t \t // add user
\t \t $scope.addUser = function() {
\t \t $scope.inserted = {
\t \t id: $scope.users.length+1,
\t \t name: '',
\t \t status: null,
\t \t group: null
\t \t };
\t \t $scope.users.push($scope.inserted);
\t \t };
\t });
請在這裏附上代碼,因爲它會永遠活着。 – Kenneth