angular框架及其UI使用

  angular的流行程度慢慢不如vue和react,但是毕竟是google出品,在项目需要的时候还是值得学习的。尤其是其数据绑定,事件绑定,这也是在vuejs中存在的概念。angular的使用方式,感觉和java中spring的有点相似,功能分层,依赖注入等。angular最大的特点应该是模块化和可复用。

  其中在学习@Component装饰器中,有一个比较重要的属性Selector,它的解释很模糊,不知道是什么意思。我以为它的名字和文件名有某种关系,但是查看相关资料,并没有发现,然后看到别的案例中,其名字比较随便。然后我在在线的编辑网页中,在别的html文件使用这个标签,奇迹发生了,竟然在一个组件中加入了另外一个组件。

  从某个方面来说,写前端,就是写一个组件树。那么,这些组件是如何复用的呢?就是通过<router-outlet>占位符。

  angular在例子开发过程中,存在path:'**',匹配了该路由模块下的所有类,可能产生错误。同时<app-page> is not an element,这种报错大概是由于declares一个Component和import一个Module,这在其起作用的地方。

  需要注意的是angular和其前身angularjs有很大的不同,比如没有controller的概念,代之以@Conponent, module的概念依然存在,但是使用了的@NgModule注解,而不是在脚本中手动创建module对象。然后以一个个的module组织起来。

angular的route路径:https://www.jianshu.com/p/9a5d62d142ed

关于angular中[],(),{{}}的用法:https://my.oschina.net/u/3412211/blog/896926

原文地址:https://www.cnblogs.com/Robin008/p/13637894.html