使用 Typescript+angularjs 时，api 结果未在 html 中显示

Question

下面是我的控制器和 html：当我在控制器中调用 make api 时，我将结果存储在结果变量中，现在，当我尝试在 html 中打印时，结果变量没有打印任何内容，我已经使用了另一个当我打印它时，控制器中的变量名在 html 中打印。但是当我尝试在控制器中打印结果变量时，它正在控制台中打印数据。所以，我正确地获取了变量中的数据。但是，为什么它不在 html 中打印。请帮忙。

控制器：

module typescript {

    var my_app = angular.module('my_app', []);
    export class test {

        public name: any;
        constructor(private $http: ng.IHttpService) {
            this.name = "Test data";
            this.getdata();
        }

        getdata() {
            return this.$http.get('facilities.json').success(function(response) {
                this.result = response;
                console.log(this.result);
            })
        }
    }
    test.$inject = ['$http'];
    myapp.controller("test", test);
}

任何帮助将不胜感激。

Answer 1

您必须小心this 语义。在这段代码中：

return this.$http.get('facilities.json').success(function(response) {
   this.result = response;
   console.log(this.result);
})

this 不是指您的 test 实例，而是指函数正在运行的任何上下文。而是这样做：

return this.$http.get('facilities.json').success(response => {
   this.result = response;
   console.log(this.result);
})

现在这指向test 实例。 Read this 了解更多关于 this 新用途的信息。不过，您仍然必须在某处定义 result 属性:)

祝你好运。