在用ng-content使Angular中的自定义组件更灵活(一)中,给大家介绍了ng-content的基本用法,但那种方法只能在组件中保留一个ng-content, 组件只有一个可插入的占位符。那如果我们需要在组件中保留多个占位符该怎么做呢?
升级Angular CLI
Angular CLI是我们在构建Angular应用时使用的主要工具。因为这套工具和Angular框架本身是独立发展的,所以他们拥有不同的网站,也有不同的版本。Angular的当前最新版本是8.x,而Angular CLI的当前最新版本是8.x。
用ng-content使Angular中的自定义组件更灵活(一)
在Angular中,ng-content指令就像是一个组件中的占位符,使我们可以灵活的插入内容到组件的指定位置,内容可以是简单的字符串,也可以是原生HTML。在其它框架中也有类似的指令,只不过名字不同,在VUE中,它叫Slot。
ConstraintLayout的主要特性说明
ConstraintLayout是现在Android应用开发中默认的布局方式。该布局主要是为了解决布局嵌套,提升界面性能,在功能上,它完全超越了传统了LeanerLayout, GridLayout, RelativeLayout等。而且ConstraintLayout非常适合通过在屏幕上拖拽来布局。
用@Output装饰器为Angular中的组件定义事件
在用@Input装饰器为Angular中的组件传值中,给大家介绍了如何通过@Input装饰器向组件(Component)传递参数,在本文中将会给大家介绍如何自定义组件的事件,如何响应事件,又如何通过事件来接收数据。
用@Input装饰器为Angular中的组件传值
使用Angular框架开发应用时,组件(Component)是组建应用的基本模块之一。一个组件可以是一屏完整的界面(初学Angualr的人往往是这样认识组件的),也可以是界面中的一部分,小到一个按钮(Button),一个输入框(Input);大到一个列表或是一个复杂的业务输入表单(Form)。那如何提高组件的复用度呢?当然是采用传参的方式,将变化的部分通过参数抽取,隔离出来,就像我们在定义函数的时候做的那样。
如何理解Angular框架依赖注入
依赖注入(DI)是现在软件开发中常用的一个设计模式,它能显著的增强软件系统的灵活性,可靠性和可测试性。非常多的软件框架使用了DI设计模式,包括大家熟知的Spring (Java平台)等。Angular也使用了DI。
如何设置Yarn作为Ionic CLI的包管理工具
Yarn是一个非常棒的包管理工具,相比npm来说,Yarn避免了重复包的下载,极大的减少了包下载的时间,加快了项目的构建。但Ionic CLI中默认的包管理工具是npm, 那如何在Ionic CLI中使用Yarn呢?
如何在Hexo的博文中引用自己的文章
在用Hexo来写博文时,有时需要应用自己写的另一篇文章。如果用标准的Markdown的引用语法来写,就必须知道Hexo将博文转换以后的命令规则,比如默认的规则是”/年/月/日/文章名”, 但这样做显然缺乏灵活性和可维护性。
如何设置Yarn作为Angualr CLI的包管理工具
Yarn是一个非常棒的包管理工具,相比npm来说,Yarn避免了重复包的下载,极大的减少了包下载的时间,加快了项目的构建。但Angualr CLI中默认的包管理工具是npm, 那如何在Angular CLI中使用Yarn呢?