角度控制器的屬性無法在其功能之外訪問

Question

我有一個表單，它具有綁定到LoginController.session屬性的兩個輸入字段（session.email和session.psw）。當我點擊重置按鈕時，我打電話給LoginController.reset()功能。

我想使用變量sessionDefault (empty)來清除會話屬性。但是它只能工作一次，如果我重置兩次表單，sessionDefault是undefined。

我怎樣才能使它作爲控制器的常量屬性？

app.controller('LoginController', function ($scope) 
     { 
     this.session={}; 
     var sessionDefault= 
       { 
        email : "", 
        psw: "" 
       };  

     this.reset = function() 
       { this.session = sessionDefault; };      
     }); 

Answer 1

試用了這一點

復位功能只是sessionDefault重新複製類似如下所示

vm.reset = function() { 
    vm.session = angular.copy(sessionDefault); 
}; 

這裏this指的是控制器實例

請注意，我用var vm = this;，然後我裝飾vm與應該暴露和數據綁定到視圖的成員。 vm只是表示view modal

這對我有3件事。

• 提供在我的控制器創建綁定的一致和可讀方法

• 移除與該作用域處理或結合（即，在嵌套函數閉包）

• 移除$scope從任何問題除非我明確需要它作爲別的東西

Working Demo

腳本

var app = angular.module('myApp', []); 
    app.controller('LoginController', function ($scope) { 
    var vm = this; 
    vm.session = {}; 
    var sessionDefault = { 
     email: "", 
     psw: "" 
    }; 
    vm.reset = function() { 
     vm.session = angular.copy(sessionDefault); 
    }; 
}); 

HTML

<div ng-app='myApp' ng-controller="LoginController as login"> 
    Email:<input type="text" ng-model="login.session.email"/>{{login.session.email}} 
    <br> 
    Psw:<input type="text" ng-model="login.session.psw"/>{{login.session.psw}} 
    <br> 
    <button ng-click="login.reset()">Reset</button> 
</div> 

看看這個美麗的東西。

AngularJS’s Controller As and the vm Variable

Answer 2

this.reset = function() 
       { this.session = sessionDefault; }; 

在該上下文中的this指功能（reset）。如果你想訪問'原始'this你需要將它存儲在一個變量。

app.controller('LoginController', function ($scope) 
     { 
     this.session={}; 
     var sessionDefault= 
       { 
        email : "", 
        psw: "" 
       };  

     var self = this; 
     this.reset = function() 
       { self.session = angular.clone(sessionDefault); };      
     });