前端Angular
懒人Ethan
毕业于天津理工大学,拥有超过10年dotnet和前端开发经验。PMP认证,Microsoft Certified认证。精通ASP.NET/ASP.NET Core、Angular和Vue的开发。
展开
-
Angular中的@Self和@Host装饰器比较
概要依赖注入是Angular框架的重要组成部分。如果将root模块比作树的根节点,Angular会使用所有组件和模块的依赖注入器生成一棵注入器树,每个叶节点保存了用户定义的依赖注入的信息。默认情况下,对于依赖注入的对象,Angular会先从当前组件的注入器中开始查找,经历父组件注入器,当前模块注入器和根模块注入器。直到找到需要依赖注入的对象。@Self和@Host装饰器主要用于大型多团队的开发项目,对上述的依赖注入对象的搜索过程进行限定,避免错误引用。@Self和@Host装饰器定义上比较类似,本文原创 2020-11-30 17:15:19 · 975 阅读 · 1 评论 -
Angular父子组件传递方法的关键点
概要Angular在父子组件传递数据时,数据既可以是我们传统意义上的数字,字符串等数值类型,也可以是一个方法。对于数值类型,只要按照文档的说明进行传递,一般不会有问题。但是对于方法的传递,则并不能与普通的数值传递划等号。本文以一个Tabs组件的错误实例来说明Angular中父子组件传递方法的注意事项。设计与实现开发需求本文通过一个Tabs组件实例来说明父子组件的方法传递,用户可以将Tabs数据和初始默认选中的Tab项作为属性传入Tabs组件。组件中每个月份为一个Tab项,每个Tab项内包含当月的销原创 2020-12-01 17:30:58 · 561 阅读 · 0 评论 -
Angular中Checkbox列表的数据双向绑定
概要Angular数据的双向绑定,要使用[(ngModel)]指令。但是,在使用过程中,我们不难发现,该指令在对CheckBox列表做双向数据绑定时候,并不是很好用。因为Angular中的[(ngModel)]无法像Vue中的v-model指令那样,接收一个数组。当前CheckBox的value值存在于数组中,则当前CheckBox处于选中状态,反之,处于未选中状态。对于CheckBox列表,一般后端传给前端的是一个选中项的Id列表,如果我们直接使用[(ngModel)]进行绑定,则需要对列表数据进行原创 2020-12-03 11:58:47 · 2217 阅读 · 0 评论