显示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-电网正确模式

回答

相关问题