Angularjs屬性在控制器中未定義

Question

嘗試通過電子郵件重置密碼。單擊電子郵件中的重置鏈接並指向重置頁面後，控制檯可以輸出「$ scope.username」值，但是下一行會將錯誤顯示爲未定義的「用戶名」。 Error Screenshot

不知道哪裏出錯了。謝謝。

.controller('resetCtrl', function(User, $routeParams, $scope, $timeout, $location) { 

    app = this; 
    app.hide = true; 

    User.resetUser($routeParams.token).then(function(data) { 
     if (data.data.success) { 
      app.hide = false; 
      app.successMsg = 'Please enter a new password'; 
      $scope.username = data.data.user.username; 
     } else { 
      app.errorMsg = data.data.message; 
     } 
    }); 

    app.savePassword = function(regData, valid, confirmed) { 
     app.errorMsg = false; 
     app.disabled = true; 
     app.loading = true; 
     console.log($scope.username); // test output 
     app.regData.username = $scope.username; 
      User.savePassword(app.regData).then(function(data) { 
       app.loading = false; 
       if (data.data.success) { 
        app.successMsg = data.data.message + '...Redirecting'; 
        $timeout(function() { 
         $location.path('/login'); 
        }, 2000); 
       } else { 
        app.disabled = false; 
        app.errorMsg = data.data.message; 
       } 
      }); 
     } 
}); 

Answer 1

聲明$scope.username外，將解決你的問題，因爲你使用的控制器語法，最好是把它作爲app.username。

.controller('resetCtrl', function(User, $routeParams, $scope, $timeout, $location) { 

    app = this; 
    app.hide = true; 
    app.username = ''; 
    User.resetUser($routeParams.token).then(function(data) { 
     if (data.data.success) { 
      app.hide = false; 
      app.successMsg = 'Please enter a new password'; 
      app.username = data.data.user.username; 
     } else { 
      app.errorMsg = data.data.message; 
     } 
    }); 

    app.savePassword = function(regData, valid, confirmed) { 
     app.errorMsg = false; 
     app.disabled = true; 
     app.loading = true; 

     app.regData.username = app.username; 
      User.savePassword(app.regData).then(function(data) { 
       app.loading = false; 
       if (data.data.success) { 
        app.successMsg = data.data.message + '...Redirecting'; 
        $timeout(function() { 
         $location.path('/login'); 
        }, 2000); 
       } else { 
        app.disabled = false; 
        app.errorMsg = data.data.message; 
       } 
      }); 
     } 
});