使用angularjs和bootstrap, 我想将表格行编辑为弹出窗口,但我无法将edite字段传递给窗口 这是我的代码
controller.js
this.openUser = function(row) {
$scope.user = row;
var userInstance = $uibModal
.open({
animation : $scope.animationsEnabled,
templateUrl : './user_model',
controller : 'userModelController',
backdrop : true,
windowClass: 'monitoring-modal',
resolve : {
row: function () {
return row;
}
}
});
};
这是我的模态控制器
angular.module('users').controller('userModelController', ['$scope', 'row',
function($scope ,row) {
this.row = row
} ]);
这是我的弹出窗口html
<div class="modal-header">
<h3 class="modal-title">Users</h3>
</div>
<div class="modal-body">
<table class="table table-bordered" style="height: 350px; border-collapse:collapse;">
<thead>
<tr class="modal-body">
<th class="col-md-1" style="text-align: center; vertical-align: middle;"> {{ row }} </th>
<th class="col-md-1" style="text-align: center; vertical-align: middle;"> last name </th>
</thead>
</table>
</div>
<div class="modal-footer">
<button class="btn btn-primary" type="button" ng-click="ok()">OK</button>
<button class="btn btn-warning" type="button" ng-click="cancel()">Cancel</button>
</div>
但我在窗口中得到的是空白值
答案 0 :(得分:0)
您已在row
上设置了this
。
尝试在row
上设置$scope
。
$scope.row = row;
我最近没有使用ui-bootstrap模式,但我认为它不支持controllerAs
语法。至少不符合您当前的配置。
编辑:原来,它确实支持controllerAs
语法:https://stackoverflow.com/a/23806963/841804
即使它确实支持它,你应该绑定到<controler-as-name>.row
,不应该吗?