2017-03-20 32 views
0

console logangularjs ----在下面的代碼,我不能得到的avatarPath

angular.module('Kinder.pages.member') 
    .controller('MemberInfoCtrl', MemberInfoCtrl); 

function MemberInfoCtrl($scope,MemberModel,Constants,fileReader,$filter,AppUtils,$http,toastr,API) { 

    var vm = this; 
    vm.member = {}; 
    vm.member.memberType = "1"; 
    vm.member.memberSex = "1"; 
    vm.member.avatarPath = ""; 

    $scope.getFile = function() { 
     fileReader.readAsDataUrl($scope.file, $scope); 
     var fileInput = document.getElementById('uploadFile').files[0]; 
     if(!AppUtils.isUndefinedOrNull(fileInput)){ 
      var formData=new FormData(); 
      formData.append("picUrl",fileInput); 
      $http({ 
       ........ 
      }).success(function(data, status) { 
       console.log(data); 
       if(data.stat == 'success'){ 
        //vm will have avatarPath value in there 
        console.log(vm); 
        vm.member.avatarPath = data.path; 
        //vm will have avatarPath value in there 
        console.log(vm); 
       } 
      }).error(function(data, status) { 
      }); 
     } 
    }; 

    $scope.submit = function() { 
     //vm had loss avatarPath ... 
     console.log(vm.member); 

    }; 

} 

值我做的功能是前預覽上傳圖片,上傳到服務器返回的路徑,分配給虛擬機。

但我不能得到$ scope.getFile方法外avatarPath值。

我懷疑,這個問題的範圍的問題,但我不能找到一個解決方案,我是新手。

那麼,誰可以告訴我這是什麼的原因。

我用谷歌翻譯說明上述問題, 如果你瞭解我,我不知道......

不管怎麼說,謝謝你花時間瀏覽這個問題!

+0

你必須做vm.member.avatarPath =「」;成功 –

+0

@JayantPatil謝謝你的回答,你的意思是在http成功方法中放入了「vm.member.avatarPath =''」,但是我已經嘗試過了,因此它不能獲得價值...... –

+0

嘗試在控制檯中的數據中打印,然後設置爲一個範圍變量,然後將其分配給vm.members = data; –

回答

0

我修好了!

感謝@JayantPatil催!

我聲明控制器路由

.state('member.info', { 
      url: '/info/{memberId:string}', 
      params: { 
       memberId: null 
      }, 
      templateUrl: 'app/pages/member/info/member-info.html', 
      controller: 'MemberInfoCtrl as vm' 
     }); 

,並在HTML,我用的是NG-控制器

<div class="userpic" ng-controller="MemberInfoCtrl as vm"> 
    <input type="file" ng-show="false" id="uploadFile" ng-file-select/> 
</div> 

因爲我重複的聲明控制器,也許範圍是不同的,

即全部

相關問題