Javascript 使用vm而不是$scope-Angular$http

我在转换某些角度代码时遇到问题。目前，它正在使用Angular的$http服务从另一个文件获取数据并在页面上显示。我希望它仍然可以这样做，但是使用

vm

而不是

$scope

。下面是我徒劳尝试的一个例子：

HTML

---

另外，我最初是从W3S获得这段代码的。

Add

VarVM=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中，使用控制器作为控制器的引用

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


{{vm.welcome}

有关如何在控制器中工作的详细信息，请参阅获取更多信息承诺之外和控制器内部

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

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

在html中，使用控制器作为控制器的引用

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


{{vm.welcome}

有关如何在控制器中工作的更多详细信息，请参阅。您可以在HTML中显示控制器（
ng controller
）的绑定位置吗？您可以在HTML中显示控制器（
ng controller
）的绑定位置吗？这似乎不起作用。。。如果你转到我提供的链接，它对你有用吗？你是否将
$http
注入你的控制器
app.controller（'myCtrl'，function（$http）
这似乎不起作用…如果你转到我提供的链接，它对你有用吗？你是否将
$http
注入你的控制器
app.controller（'myCtrl'，function（$http）
<div ng-controller="myCtrl as vm"> 
   <h1>{{vm.welcome}}</h1>
</div>