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.  
    };