ANGULARJS:在加载选项卡内容之前,需要单击我的模式选项卡
模态控制器:ANGULARJS:在加载选项卡内容之前,需要单击我的模式选项卡,angularjs,twitter-bootstrap,Angularjs,Twitter Bootstrap,模态控制器: var ModalDemoCtrl = function ($scope, $modal, $log) { $scope.open = function (data) { socket.on('thisUserAvatar',function(data){ $scope.data = data; } ); var modalInstance = $modal.open({ temp
var ModalDemoCtrl = function ($scope, $modal, $log) {
$scope.open = function (data) {
socket.on('thisUserAvatar',function(data){
$scope.data = data;
}
);
var modalInstance = $modal.open({
templateUrl: 'uploadavatar',
controller: ModalInstanceCtrl,
});
};
};
// Please note that $modalInstance represents a modal window (instance) dependency.
// It is not the same as the $modal service used above.
var ModalInstanceCtrl = function ($scope, $modalInstance) {
socket.emit('loadAvatar');
socket.on('thisUserAvatar', function(data){
var avatar= [];
for(var i = 0; i < data.length; i++){
var object = {};
object.src= "/images/avatar/"+data[i].avatarname;
avatar.push(object);
}
$scope.source=avatar;
console.log($scope.source)
});
};
模态控制器:
var ModalDemoCtrl = function ($scope, $modal, $log) {
$scope.open = function (data) {
socket.on('thisUserAvatar',function(data){
$scope.data = data;
}
);
var modalInstance = $modal.open({
templateUrl: 'uploadavatar',
controller: ModalInstanceCtrl,
});
};
};
// Please note that $modalInstance represents a modal window (instance) dependency.
// It is not the same as the $modal service used above.
var ModalInstanceCtrl = function ($scope, $modalInstance) {
socket.emit('loadAvatar');
socket.on('thisUserAvatar', function(data){
var avatar= [];
for(var i = 0; i < data.length; i++){
var object = {};
object.src= "/images/avatar/"+data[i].avatarname;
avatar.push(object);
}
$scope.source=avatar;
console.log($scope.source)
});
};
我的模态选项卡需要点击,在我的ng repeat加载之前,我需要在模态触发时自动加载内容。任何帮助都将不胜感激您需要将一些好东西传递到控制器实例,以便访问数据 模态演示控制器 模态实例控制器
*模态选项卡加载,但内容不加载,只是为了澄清我的问题
var ModalInstanceCtrl = function ($scope, $modalInstance, data) {
$scope.data = data;
socket.emit('loadAvatar');
socket.on('thisUserAvatar', function(data){
var avatar= [];
for(var i = 0; i < data.length; i++){
var object = {};
object.src= "/images/avatar/"+data[i].avatarname;
avatar.push(object);
}
$scope.source=avatar;
console.log($scope.source)
});
// You might want a ok functionality so you can pass the info back to the modalDemoCtrl
$scope.ok = function() {
$modalInstance.close($scope.data); //or whatever data you wanna pass back just remember only one param - so if multple bits o' data make it an object or array.
//$modalInstance.close({data: $scope.data, avatar: $scope.avatar}); // example to pass multiple things back.
};