Создание таблицы в модальном окне с угловым ui

Question

У меня есть веб-приложение web angular.js с некоторыми кнопками. И мне нужно открыть модальное окно, если пользователь нажмет на любую кнопку. Также есть таблица в модальном окне с набором cols, которая зависит от того, какая кнопка нажата. Я пытаюсь создать таблицу с ng-repeat, но каждый раз вижу пустую таблицу без каких-либо колод.

Мой стол:

<table class="table"> 
    <th class="th" ng-repeat="col in association_cols"> 
    <span>{{ col.name }}</span> 
    </th> 
</table> 

И мой контроллер:

open_modal = function() { 
    $http(......, function(data){ 
     $scope.association_cols = [{'name' : data.result.one}, {'name', data.result.two}] 
    } 
} 

Но каждый раз, когда я вижу пустую таблицу ни с кем th

Я открывающимися модальное окно с:

$modalInstance = $modal.open({'templateUrl' : "views/Window.tpl.html"}); 

Спасибо.

Answer 1

Ваш $http callback callback не содержит возвращенного data, из которого вы заполняете $scope.association_cols. Оно должно быть:

$http(..., function(data) {...}); 

ли вы определить контроллер модального в пройденных опциях $modal.open()? Добавить объект controller после templateUrl

Answer 2

Объем, который получит модальный, не является обычным наследованием сферы, которое вы привыкли знать. Все модальные потребности должны быть пройдены через разрешение . Также вы должны использовать ModalController.

var myItem = {name: 'yeah'}; 

$modal.open({ 
    templateUrl : "views/Window.tpl.html", 
    controller: MyModalController, 
    resolve: { 
    item: function() {return myItem}, 
    } 
}).then(function(result) { 
    //dialog was closed 
}); 

MyModalController = function($scope, item) { 
    $scope.item = item; 
    console.log('MyModalController constructed and item was injected', item); 
} 

Update/Дополнение с переписанной углового-щ модальный (in versions prior to 0.6 это было $ dialogProvider) теперь нужно ввести закрыть/отклонить функции обратного вызова, как это:

$modal.open({ 

}).result.then(function(result) {});