javascript - 使用 vm 代替 $scope - Angular $http

Question

我在转换一些 Angular 代码时遇到问题。目前，它使用 Angular 的 $http 服务从另一个文件获取数据并将其显示在页面上。我希望它仍然这样做，但使用 vm 而不是 $scope。这是我徒劳尝试这样做的一个例子:

HTML

<h1>{{vm.welcome}}</h1>

Javascript

var app = angular.module('myApp', []);
app.controller('myCtrl', function() {
   $http.get("welcome.htm")
   .then(function(response) {
      var vm = this;
      vm.welcome = response.data;
   });
});

另外，我最初是从 w3schools' Angular tutorial 获得此代码的。 .

Answer 1

在 Promise 之外和 Controller 内部添加 var vm = this;。

var app = angular.module('myApp', []);
app.controller('myCtrl', function($http) {
    var vm = this;
    $http.get("welcome.htm")
        .then(function(response) {
            vm.welcome = response.data;
        });
});

在 html 中使用 Controller 作为引用 Controller

<div ng-controller="myCtrl as vm"> 
   <h1>{{vm.welcome}}</h1>
</div>

引用this获取有关this如何在 Controller 中工作的更多详细信息