顯示NG-電網正確模式

我這個plnkr玩：http://plnkr.co/edit/DRJtivCrxQy4s22ntsci 顯示NG-電網正確模式

控制器是：

angular.module('starter.controllers', []) 

.controller('AppCtrl', function($scope) {}) 

.controller('DisplayCtrl', function($scope, ModalFactory) { 

$scope.array = null; //initialize to null 

$scope.run = function() { 

var array = [{ //arbitrary array of UNKNOWN fields 
    "a": 0, 
    "b": 1 
}, { 
    "a": 1, 
    "b": 8 
}, { 
    "a": 2, 
    "b": 5 
}, { 
    "a": 3, 
    "b": 7 
}, { 
    "a": 4, 
    "b": 0 
}, { 
    "a": 5, 
    "b": 3 
}, { 
    "a": 6, 
    "b": 6 
}, { 
    "a": 7, 
    "b": 4 
}, { 
    "a": 8, 
    "b": 2 
}, { 
    "a": 9, 
    "b": 9 
}]; 

    $scope.array = array; 
    ModalFactory.init($scope).then(function(modal) { 
          modal.show(); 
       }); 
} 

});

莫代爾通過工廠創建：

angular.module('modalfactory',['ionic']) 
.service('ModalFactory', function($ionicModal, $rootScope) { 
var init = function($scope) { 
var promise; 
$scope = $scope; 
promise = $ionicModal.fromTemplateUrl('array.html', { 
    scope: $scope, 
    animation: 'slide-in-up' 
}).then(function(modal) { 
    $scope.modal = modal; 
    return modal; 
}); 
$scope.openModal = function() { 
    $scope.modal.show(); 
}; 
$scope.closeModal = function() { 
    $scope.modal.hide(); 
}; 
$scope.$on('$destroy', function() { 
    $scope.modal.remove(); 
}); 
return promise; 
} 
return { 
init: init 
} 
})

如果點擊顯示一個模式窗口彈出。我想能夠顯示任何任意數組。 ng-grid不能按我想要的方式工作。我們怎樣才能做到這一點？

來源

2014-12-04 ginger

Plnkr是：http://plnkr.co/edit/DRJtivCrxQy4s22ntsci?p=info – ginger 2014-12-04 17:18:49

有一個很多與蹲在錯誤。您沒有添加ui.grid模塊作爲依賴項，並且ui.grid的版本實際上用於ng-grid模塊（較早版本）。

這裏是一個更新plunker顯示的列渲染的對話： http://plnkr.co/edit/BQbSU0iDboS23YISfWGY?p=preview

爲了使這項工作，我必須：

採取cordova.js腳本標記出
將'ng-grid'模塊添加到app.js模塊依賴關係
將指令名稱從ui-grid更改爲ng-grid
concatarray數據，以便使用相同的對象參考。

這應該有助於您的工作。

來源

2014-12-04 17:37:05

謝謝，但我無法自動添加ui-grid作爲庫，因爲plnkr無法找到它（404錯誤），但網格並未完全顯示。我只看到a和b標題列，但列表不顯示。 – ginger 2014-12-04 17:48:56

爲了澄清，整個數組在模型修改後仍然不可見。 – ginger 2014-12-04 17:52:27

這似乎是一個顯示數組的常見問題，我也嘗試** ui-grid-auto-resize **無濟於事。 – ginger 2014-12-04 18:08:18

我發現這實際上是由於樣式表造成的。我使用了定製程序應用程序並下載了一個新的CSS。網格工作沒有任何改變。

來源

2014-12-05 03:54:36 ginger

顯示NG-電網正確模式

回答

相關問題