javascript - Angular 2 应用程序的范围

Question

在 Angular 1 中，每个组件都有一个范围，我们也可以从 html 模板访问它们。

所以在 Angular 2 中我们可以这样声明组件，

(function(app) {
  app.AppComponent =
    ng.core.Component({
      selector: 'my-app',
      template: '<h1>My First Angular 2 App</h1>'
    })
    .Class({
      constructor: function() {}
    });
})(window.app || (window.app = {}));

我的问题是，Angular 2 中的 scope 有什么类似的东西，我们可以从这个 template 访问它？

如果 Angular 2 中没有 scope，那么绑定(bind) html 和 javascript 的替代方案是什么？

Answer 1

Angular 2 应用程序是由彼此隔离的组件构建的。您可以将其视为 AngularJS 中具有隔离范围的指令。因此，如果您从外部需要它，您应该始终传递给组件值。

Angular2 中没有范围，它有不同的东西，称为区域。但作为您问题的答案:您只需将值分配给您的类中的 this 对象，它将可以显示在模板中。

(function(app) {
  app.AppComponent =
   ng.core.Component({
     selector: 'my-app',
     template: '<h1>{{value}}</h1>'
   })
   .Class({
      constructor: function() { 
        this.value = "myValue";
      }
   });
})(window.app || (window.app = {})); 

有关区域的更多信息 - Zones in Angular2