Angular 2的应用范围

Question

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

所以在角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 = {})); 

我的问题是，究竟是什么在scope角2类似的事情，在这里我们可以从这个template访问？

如果在Angular 2中没有scope，那么有什么方法可以绑定html & javascript？

Answer 1

Angular 2应用程序正在建立从相互隔离的组件。你可以在AngularJS中考虑类似独立范围的指令。因此，如果您需要从外部获取组件值，则应始终传递组件值。

在Angular2中没有范围，它有一些不同的区域。但作为对您的问题的回答：您可以将该值分配给您的Class中的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

Answer 2

在角2你有this，其在角1

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

工作作为 scope