javascript - AngularJs - 在 Controller 中的 $http 调用中设置 'this' 对象？

Question

我已经将一些 Angular Js Controller 代码从使用 $scope 对象 t“ Controller 作为语法与此”进行了切换。

但是，我无法完全得到在我的 Controller 中正确更新“this”的 promise 。

例如，在本例中，我正在进行 $http 调用，尽管调用成功，但 myProperty 并未更新。

   <div ng-controller="MyController as controller">
        {{controller.myProperty}}
    </div>

    <script type="text/javascript">
        function MyController($http) {
            this.myProperty = "First";
            this.myMethod = function(){
                this.myProperty = "Second";
                $http.get("someUrl.html").success(function(){
                    this.myProperty = "Third";
                });
            };
            this.myMethod();
        };
    </script>

预期结果 - “第三”，实际结果 - “第二”

Answer 1

您需要捕获 MyController 的 this 的值。

function MyController($http) {
    var self = this;
    self.myProperty = "First";
    self.myMethod = function(){
        self.myProperty = "Second";
        $http.get("someUrl.html").success(function(){
            self.myProperty = "Third";
        });
    };
    self.myMethod();
};

问题是在成功回调中 this 被赋予了不同的值。