我非常(非常)擅长学习具有C / C ++ / Java面向对象设计经验的Web应用程序。我正在尝试使用打字稿来学习Angular2,我正在关注示例here
相关摘要(稍微修改了示例中的其他步骤)
declarations: [ AppComponent ],}
我想知道Angular如何知道html标记中{{title}}的查找位置(据我所知,绑定)。我认为有些东西是隐含的。
angular只是查找范围内的任何成员或字段吗?是否存在隐含的"这个"即(this.title)。在我的实验中,似乎这没有任何负面影响,但我的IDE告诉我一个"未解决的变量或键入此"如何看待AppComponent?是因为char* user[5];
吗? (见app.module.ts)
这与Angular2的$ scope概念有关吗?
这里的订单重要吗?即@Component是导出类的装饰器?
请随意更正我的术语。
答案 0 :(得分:1)
首先,您需要知道在Angular2中,一切都是组件,组件是一组类,它的模板和一些元数据。元数据包含有关组件及其应用方式的信息等。
使用Decorator指定元数据。装饰器是在Component类
上编写的注释问题1 :我想知道Angular如何知道HTML标记中的{{title}}的位置(据我所知,绑定)。我认为有些东西是隐含的。
答案:Angular在Component类中查找属性,对象和方法,它是如何知道在那里查看的,这是因为@Component
装饰器
问题2 :这是否与Angular2的$ scope概念有关?
答案:Angular2使用this
语法,即类似于Angular 1.x中的controller as
语法,它不具备$scope
和$rootScope
之类的内容<my-app></my-app>
问题3 :这里的订单重要吗?即@Component是导出类的装饰器?
回答:是的,这里的顺序很重要,作为装饰器的@Component只是一个函数,应该调用它来装饰Component类以指定元数据。
因此,无论您将选择器var a = {
foo: 'bar'
}
var b = {
...a,
my: 'sharona'
}
console.log(b)
用作嵌套组件还是根组件,Angular2都将使用给定模板并将其映射到指定的Component类,该类具有数据绑定的工作方式。给定的属性和功能。