我使用ui-grid创建网格。我想在其中一列中显示一个下拉列表,因此使用单元格模板。
var subGridCols = [{
name: "cpu",
displayName: "CPU"
}, {
name: "memory",
displayName: "Memory"
}, {
name: "storage",
displayName: "Storage"
}, {
name: "recovery_point",
displayName: "Recovery Point",
cellTemplate: "<div><select data-ng-model='correctlySelected' data-ng-options = 'point for point in recovery_points' ></select></div>"
}];
最初下拉列表将为空。但是在单击开始按钮后,ajax调用将检索数据并将在下拉列表中填充它。
$scope.start = function(row) {
$http.get("recovery_point.json").then(function(data) {
$scope.recovery_points = data.data.recovery_points.history_array;
console.log($scope.recovery_points);
});
};
数据存在于网格范围内,但不会反映在下拉列表中。请指导我哪里出错了。
链接为plunker - http://plnkr.co/edit/NDId51mnoIzM34LQZboY?p=preview