Javascript 在具有角度用户界面的模态窗口中生成表格
我有一个web angular.js web应用程序,其中有一些按钮。若用户按下任何按钮,我需要打开模式窗口。模态窗口中还有一个表格,其中包含一组列,具体取决于用户按下的按钮。我试图用ng repeat生成表,但每次我都会看到没有一个cols的空表 我的桌子:Javascript 在具有角度用户界面的模态窗口中生成表格,javascript,angularjs,Javascript,Angularjs,我有一个web angular.js web应用程序,其中有一些按钮。若用户按下任何按钮,我需要打开模式窗口。模态窗口中还有一个表格,其中包含一组列,具体取决于用户按下的按钮。我试图用ng repeat生成表,但每次我都会看到没有一个cols的空表 我的桌子: <table class="table"> <th class="th" ng-repeat="col in association_cols"> <span>{{ col.name }}&
<table class="table">
<th class="th" ng-repeat="col in association_cols">
<span>{{ col.name }}</span>
</th>
</table>
但是每次我看到没有人的空桌子
我正在使用以下命令打开模式窗口:
$modalInstance = $modal.open({'templateUrl' : "views/Window.tpl.html"});
多谢各位 您的
$http
调用的回调不包含从中填充$scope.association\u cols
的返回数据。应该是:
$http(..., function(data) {...});
您是否在传递给$modal.open()
的选项中定义了模态的控制器?在templateUrl
之后添加controller
属性模态将获得的作用域不是您通常知道的作用域继承。模态需要的所有内容都应通过resolve属性传递。
您还应该使用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);
}
更新/添加:使用重写的angular ui模式(这是$dialogProvider),您现在需要键入如下关闭/关闭回调函数:
$modal.open({
}).result.then(function(result) {});
如何打开模式窗口?所有这些脚本都已经在模式窗口中了吗?有,很抱歉我错过了问题
$modal.open({
}).result.then(function(result) {});