首页 > 其他分享 >Angular 复习与进阶系列 – Naming Conversion

Angular 复习与进阶系列 – Naming Conversion

时间:2023-04-07 15:00:37浏览次数:35  
标签:Conversion 进阶 camelCase InjectionToken Naming Angular

前言

命名规范对项目维护是很重要的. Angular 对项目的渗透很大的, 必须做好命名规范, 不然会很乱.

 

Angular Naming Conversion

InjectionToken = UPPER_SNAKE_CARE

const SERVICE_CONFIG_TOKEN = new InjectionToken('ServiceConfig');

 

element attribute and property name = camelCase

angular.io example 有 camelCase 和 kebab-case, 不过我看绝大部分都是用 camelCase 居多.

<bank-account bankName="RBC" account-id="4747"></bank-account>

 

event handler method

如果没有一个具体的名字, 不要放 (click)="onClick()" 放 "handleClick()"

 

from material

 

标签:Conversion,进阶,camelCase,InjectionToken,Naming,Angular
From: https://www.cnblogs.com/keatkeat/p/17296191.html

相关文章

  • vue全家桶进阶之路27:Vue.js 3.0的下载和安装
    使用脚手架vue-cli创建vue3项目,创建前需要准备以下:1、node.js环境见:https://www.cnblogs.com/beichengshiqiao/p/17251233.html2、npm、cnpm工具见:https://www.cnblogs.com/beichengshiqiao/p/17251860.html3、vue框架见:https://www.cnblogs.com/beichengshiqia......
  • vue全家桶进阶之路25:Vue2的停维通知
      Vue2的技术支持会持续多久?从官方发文来看,Vue2.7是当前、同时也是最后一个Vue2.x的次级版本更新。Vue2.7会以其发布日期,即2022年7月1日开始计算,提供18个月的长期技术支持(LTS:long-termsupport)。在此期间,Vue2将会提供必要的bug修复和安全修复,但不再......
  • Vue进阶(四十五):精解 ES6 Promise 用法
    一、前言复杂难懂概念先不讲,我们先简单粗暴地把Promise用一下,有个直观感受。那么第一个问题来了,Promise是什么呢?是类?对象?数组?函数?别猜了,console.dir(Promise)直接打印出来看看。这么一看就明白了,Promise是一个构造函数,自己身上有all、reject、resolve这几个眼熟的方法,原型上有th......
  • 流媒体技术学习笔记之(七)进阶教程OBS参数与清晰度流畅度的关系
     源码地址:https://github.com/Tinywan/PHP_Experience 很多主播问过OBS的参数到底什么影响画质,到底什么影响流畅度,那么本篇教程尽量用通俗的语言解释下一些重要参数到底是干什么的,自己一定要理解为主,每个主播的电脑、所在的平台、当天的网络状态(注意网络就和马路一样,每天的情......
  • 单链表进阶OJ版--->随机指针问题
    朋友们,晚上好!!今天,推出一篇单链表的随机指针问题!!相较于之前的链表OJ题,本期的链表难度有所提升!!下面请看题:>有一个链表,链表每个结点额外增加一个随机指针random,并且随机指针可以指向链表的任何结点以及空结点至于本题的要求是:复制带随机指针的链表如下图所示:>本题的难度,大致......
  • Android开发如何进阶?
    本着每周至少有干货产出的原则,今天必须写篇干货来回馈大家,我这的干货可是不收费的哦,争取以后的目标是让你们看完我的文章不赞赏都觉得亏得慌!之前不少人都问我同一个问题,就是我学习Android有一两年了,但是遇到瓶颈了,感觉没什么进步,到底怎么才能进阶呢?我相信有不少人遇到这样的困扰,那......
  • 第四十篇 vue - 进阶主题 - 使用 Vue 的多种方式
    使用Vue的多种方式在Web的世界中从来就没有可以适配所有场景、解决所有问题的银弹。正因如此,Vue被设计成一个灵活的、可以渐进式集成的框架。根据使用场景的不同需要,相应地有多种不同的方式来使用Vue,以此在技术栈复杂度、开发体验和性能表现间取得最佳平衡独立脚本Vue可......
  • 第四十一篇 vue - 进阶主题 - 组合式 API 常见问答
    什么是组合式API?组合式API(CompositionAPI)是一系列API的集合,使我们可以使用函数而不是声明选项的方式书写Vue组件。它是一个概括性的术语,涵盖了以下方面的API1、响应式API例如ref()和reactive(),使我们可以直接创建响应式状态、计算属性和侦听器。2、生命......
  • 第四十二篇 vue - 进阶主题 - 深入响应式系统
    响应式系统Vue最标志性的功能就是其低侵入性的响应式系统。组件状态都是由响应式的JavaScript对象组成的。当更改它们时,视图会随即自动更新。这让状态管理更加简单直观,但理解它是如何工作的也是很重要的,这可以帮助我们避免一些常见的陷阱。在本节中,我们将深入研究Vue响应性......
  • 第四十四篇 vue - 进阶主题 - 渲染函数 & JSX
    渲染函数&JSX在绝大多数情况下,Vue推荐使用模板语法来创建应用。然而在某些使用场景下,我们真的需要用到JavaScript完全的编程能力。这时渲染函数就派上用场了基本用法1、创建VnodesVue提供了一个h()函数用于创建vnodesimport{h}from'vue'constvnode=h(......