了解Angular2中最基本的例子

时间:2016-10-16 02:38:13

标签: angularjs angular

我非常(非常)擅长学习具有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是导出类的装饰器?

请随意更正我的术语。

1 个答案:

答案 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类,该类具有数据绑定的工作方式。给定的属性和功能。