0

私はこのplnkrで遊んでいました：http://plnkr.co/edit/DRJtivCrxQy4s22ntsci

コントローラーは次のとおりです。

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 が思い通りに動作しません。どうすればこれを達成できますか?

4

2 に答える 2

0

これは実際にはスタイルシートが原因であることがわかりました。カスタマイザー アプリを使用して、新しい CSS をダウンロードしました。グリッドは変更なしで機能しました。

于 2014-12-05T03:54:36.807 に答える
0

プランカーには多くの問題があります。ui.gridモジュールを依存関係として追加しておらず、実際に使用しているui.gridng-gridのバージョンはモジュール用です (以前のバージョン)。

これは、ダイアログでレンダリングされている列を示す更新されたプランカーです: http://plnkr.co/edit/BQbSU0iDboS23YISfWGY?p=preview

これを機能させるには、次のことを行う必要がありました。

  • cordova.js スクリプト タグを取り出す
  • 'ng-grid'app.js モジュールの依存関係にモジュールを追加します
  • ディレクティブ名を からui-gridに変更しますng-grid
  • concatarray同じオブジェクト参照が使用されるようにデータを変更します。

これは、あなたを前進させるのに役立つはずです。

于 2014-12-04T17:37:05.773 に答える