创建类时，ng g类在angular 9上不起作用

在Angular 9中，ng g类命令可以用于生成一个新的类。如果在使用ng g类命令时遇到了问题，可以按照以下步骤来解决：

确认你已经安装了Angular CLI（命令行界面）。可以通过运行以下命令来检查是否已经安装：

ng version

如果没有安装Angular CLI，请通过以下命令来安装：

npm install -g @angular/cli

确认你正在正确的目录下运行ng g类命令。通常，你需要在你的Angular项目的根目录下执行该命令。
确认你正在使用正确的语法。在ng g类命令后，你需要提供类的名称，如下所示：

ng g类ClassName

请确保类名符合命名规范，并且遵循驼峰命名法。

如果你已经按照上述步骤操作，但ng g类命令仍然不起作用，可能是由于以下原因导致的：

项目文件结构问题：请确保你的项目文件结构是正确的，并且所有的依赖项已经正确安装。
Angular版本问题：请确保你的Angular版本与使用的ng g类命令的版本兼容。有时候，特定的命令可能会在不同的Angular版本中有所不同。

如果上述解决方法仍然无效，建议查阅Angular官方文档或向社区寻求帮助。以下是一些与问题相关的腾讯云产品和文档链接：

腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
腾讯云云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
腾讯云云数据库MySQL版（CDB）：https://cloud.tencent.com/product/cdb_mysql
腾讯云人工智能平台（AI）：https://cloud.tencent.com/product/ai
腾讯云物联网（IoT）：https://cloud.tencent.com/product/iotexplorer
腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
腾讯云区块链服务（BCS）：https://cloud.tencent.com/product/bcs
腾讯云全球应用加速器（GAA）：https://cloud.tencent.com/product/gaa

相关·内容

【阿里开发手册】所有的类都必须添加创建者和创建日期——在Idea中创建类时自动添加作者信息

一、前言阿里开发手册强制的建议——所有的类都必须添加创建者和创建日期，我觉得很合适，自己写的过了几个月忘记，一看名字就知道是自己写的。出现问题，一看谁写，直接叫他解决bug很香啊！...二、阿里开发手册原话展示 ==【强制】== 所有的类都必须添加创建者和创建日期。...说明：在设置模板时，注意 IDEA 的@author 为{USER}，而 eclipse 的@author 为{user}，大小写有区别，而日期的设置统一为 ==yyyy/MM/dd== 的格式。...新建类四、总结觉得阿里开发手册还是有很多地方挺好的，虽然进不了大厂，咱们开发规范跟着大厂走，总不会吃亏的。代码维护起来也轻松，你好他也好，哈哈哈哈！！ ---- Q.E.D.

6.3K3 0

前端MVC学习总结（一）——MVC概要与angular概要、模板与数据绑定

它可以防止默认动作(这对表单意味着向服务器发送请求和重新加载当前页)，但只在表单没包含action, data-action或x-action属性时。...如果表达式结果为一个数组，则数组中每个元素为使用空格分隔的一个或多个类名字符串。如果表达式结果为一个对象，对象中的每个key-value中如果键值为真时则键名作为类名。...这个指令不会添加重复的类，如果这个类已经存在的话。当表达式改变时，以前添加的类会被移除，并且只会添加之后新产生的类。 ngStyle指令允许你在HTML元素上条件化设置CSS样式。... 当条件为true时类样式出现 Sample Text...在src或者href属性上简单使用{{}}绑定时无法很好运行，出现404错误因为图片加载时可能模板还未被替换成真实路径。

15.3K10 0

前端MVC学习总结（一）——MVC概要与angular概要、模板与数据绑定

ng-submit它可以防止默认动作(这对表单意味着向服务器发送请求和重新加载当前页)，但只在表单没包含action, data-action或x-action属性时。...如果表达式结果为一个数组，则数组中每个元素为使用空格分隔的一个或多个类名字符串。如果表达式结果为一个对象，对象中的每个key-value中如果键值为真时则键名作为类名。...这个指令不会添加重复的类，如果这个类已经存在的话。当表达式改变时，以前添加的类会被移除，并且只会添加之后新产生的类。 ngStyle指令允许你在HTML元素上条件化设置CSS样式。... 当条件为true时类样式出现 Sample Text...2.10、ng-src与ng-href 用于指定资源路径。在src或者href属性上简单使用{{}}绑定时无法很好运行，出现404错误因为图片加载时可能模板还未被替换成真实路径。

12.6K3 0

Angular系列教程-第三节

1.ng generate指令使用 1.1缩写ng g 1.2创建类 ng generate class video/video 创建类 1.3创建组件 ng generate component...8.3.5点击内容添加样式 8.4列表组件引入页面 9.组件生命周期当 Angular 新建、更新和销毁它们时触发。...比如，OnInit 接口的钩子方法叫做 ngOnInit， Angular 在创建组件后立刻调用它 ngOnInit() 在 Angular 第一次显示数据绑定和设置指令/组件的输入属性之后，初始化指令...在第一轮 ngOnChanges() 完成之后调用，只调用一次。 ngOnDestroy() 每当 Angular 每次销毁指令/组件之前调用并清扫。...在 Angular 销毁指令/组件之前调用。

1.5K2 0

浅谈Angular

创建项目: 要想使用 npm 来安装 CLI，请打开终端/控制台窗口，并输入下列命令： npm install -g @angular/cli ②创建工作区和初始应用:ng new 文件名 ③启动开发服务器...ng-show本质上设置元素的display值为none,只是设置样式,DOM结构还在,而*ngIf是真正意义上的从DOM结构中移除 *ngFor--动态创建DOM结构 ngSwitch--通过匹配case... 参数订阅(RxJS) 遇到的问题:数据不会及时更新,原因:组件的ngOnInit方法只会在其被创建时走一次,如果该组件不销毁,init方法不会再走,导致当前数据无法更新解决办法...Observable的子类创建出的对象可以被订阅 subscribe是Observable类下的一个函数。...从Observable的中文名:”可观察的”就能看出，Observable的作用是可以起到类似监听的作用，但它的监听往往都是在跨页面中， 6.组件间通信: 1.父向子 -- @Input装饰器声明输入属性

4.4K1 0

angularjs学习第一天笔记

2、angularjs创建一个页面的简单特性　　　　a.首先要引用angularjs类库　　　　b.在html页面要标注ng-app属性，该标注表示所在范围内的DOM结构才收angularjs所控制...　　　　c.数据绑定模块的默认格式为{{参数名称}}，当然这个格式是可以自定义设置的　　　　d.第DOM标签添加angular属性时，都是以ng-开始　　　　e.angular框架中数据模型数据的变更会动态的绑定显示到...g.Scope提供$apply方法传播Model的变化 3、创建一个简单angularjs页面实现数据绑定 <!...d.作用域是视图和控制器之间的胶水　　　　　　e.$scope对象就是一个普通的JavaScript对象，我们可以在其上随意修改或添加属性。　　　　　　g....，甚至是系统外的组件　　　　　　j.可以进行嵌套，隔离业务功能和数据　　　　　　k.给表达式提供运算时所需的执行环境　　6、控制器　　控制器的关键词为ng-controller,其作用还是讲页面逻辑根据功能模块分割中更小模块

2.2K1 0

Angular CLI 简介

Model/Interface/Enum/Pipe. model: ng g cl models/user 这个命令会创建models文件夹, 然后在里面创建user这个model: interface...再生成一个module, 并且带着路由module (可以先使用-d参数查看将要生成的文件): ng g m admin --routing 在admin module里面, 再创建一个admin component...和第三方库可以使用source-map-explorer来分析依赖, 并且查看哪些模块和类在bundle里面....) --named-chunks 是否 --output-hashing media 所有下面命令都是针对开发时的build, 它们的作用是一样的: ng build ng build --dev...首先创建一个angular项目, 带路由的: ng new sales --routing 创建好项目后, 直接执行命令测试: ng test 然后会弹出一个页面, 就是测试的结果数据.

6.1K11 0

angularjs学习第一天笔记

2.1K3 0

ng generate 命令.

. ng generate class user-model 就会生成一个user-model.ts 里面是UserModel类....angular/angular-cli/wiki/generate-component 可能常用的命令参数有: --flat 表示是否不需要创建文件夹 --inline-template (-it)...--spec 是否需要创建spec文件(测试文件) --view-encapsulation (-ve) View Encapsulation策略 (简单理解为样式文件的作用范围策略)....Model/Interface/Enum/Pipe. model: ng g cl models/user 这个命令会创建models文件夹, 然后在里面创建user这个model: interface...然后我试试添加一个component, 目的是要在login module进行声明: 可以看到我要创建的welcome component默认是在app.module里面进行声明的, 这时候如果想要在

8042 0

使用Angular CLI从蓝本生成代码

. ng generate class user-model 就会生成一个user-model.ts 里面是UserModel类....angular/angular-cli/wiki/generate-component 可能常用的命令参数有: --flat 表示是否不需要创建文件夹 --inline-template (-it)...--spec 是否需要创建spec文件(测试文件) --view-encapsulation (-ve) View Encapsulation策略 (简单理解为样式文件的作用范围策略)....Model/Interface/Enum/Pipe. model: ng g cl models/user 这个命令会创建models文件夹, 然后在里面创建user这个model: ? ?...可以看到我要创建的welcome component默认是在app.module里面进行声明的, 这时候如果想要在login module进行声明, 就要使用 -m 参数: ?

1K7 0

Angular CLI 常用终端操作命令

my-new-service 类| ng g class my-new-class 接口| ng g interface my-new-interface...关于CLI生成路由 ---- CLI以多种方式支持路由：初始化创建项目时，自动添加了 @angular/router ，自动添加到package.json 文件中生成模块路由的时候可以使用指令... ng g module my-module --routing ，在 src/app/my-module/ 目录下创建名叫 my-module...您可以在创建或初始化项目时使用该--routing选项ng new来创建app-routing.module.ts文件。...ng g directive my-new-directive 管道| ng g pipe my-new-pipe 服务| ng g service my-new-service 类| ng

2.1K4 0

Angular 6.x 指令快速入门

npm install -g @angular/cli 创建新的项目 $ ng new project-name 启动本地服务器 $ cd project-name $ ng serve Angular...指令简介 Angular 的指令分为三种：组件（Component）：用于构建UI组件，继承于 Directive 类属性指令（Attribute Directive）：用于改变组件的外观或行为...（图片来源于网络）第一节 - 创建指令在 Angular 中，我们可以使用 HostBinding 装饰器，实现元素的属性绑定。...在 Angular 中，我们可以通过 ViewChild 装饰器来获取视图中定义的模板元素，然后利用 ViewContainerRef 对象的 createEmbeddedView() 方法，创建内嵌视图...在应用 NgTemplateOutlet 指令时，我们可以通过 [ngTemplateOutletContext] 属性来设置 EmbeddedViewRef 的上下文对象。

3.2K4 0

Angular17 使用 ngx-formly 动态表单

快速开始创建 Angular 项目：安装并执行 CLI 创建 Angular 项目 # 基于 Angular 17 版本演示 # 注意要将 Nodejs 版本切换至 18.13+ npm install...-g @angular/cli # 创建为 standalone 类型的项目 ng new angular-ngx-formly --standalone=false 安装 NG-ZORRO 组件库...选择创建项目的模板: sidemenu ng add ng-zorro-antd 安装 Formly 核心模块：推荐使用 angular-cli 提供的 ng add 进行安装配置： # 可选主题包括.../schematics --ui-theme=ng-zorro-antd Angular CLI 添加新页面：推荐使用 angular-cli 提供的 ng generate 自动生成： ng g m...Wrapper 自定义 Wrapper 同样也是一个组件，需要继承自 FieldWrapper 类，这样实现了一个简单包装字段的 Wrapper： # 创建 card-panel 组件 ng g c

6501 0

Angular学习（02）--Angular-CLI命令

ng g component ng g component xxx 是用来创建组件的，直接使用该命令，会默认在当前目录下创建一个 xxx 文件夹，并在内部创建以下几个文件： xxx.component.css...ng g directive 这个是创建指令的命令，组件其实是指令的一种，所以，上面介绍的关于组件命令中的各种选项配置，在指令这里也基本都可以使用，这里不列举了，清楚相关默认文件来源后，不懂的，去翻阅下就可以了...ng g service 这个是创建服务类的命令，支持的选项配置参考上面几种命令。默认生成的有两份文件，ts 和测试文件。...ng g class/interface/enum 创建实体类，接口，或枚举的命令，因为这些类型的文件，默认需要的代码模板并不多，即使不用命令创建，手动创建也行。...ng g module 创建一个模块，这个命令有几个比较常用的选项配置： --flat=true|false 当为 true 时，在当前目录下创建指定的 xxx.module.ts 和 xxx-routing.module.ts

2.6K1 0

Angular CLI命令

ng 基础命令 npm install –g @angular/cli npm install -g @angular/cli@latest ng serve –prot –aot 启动项目并压缩项目文件...使用vs code打开刚刚创建项目的文件夹 ? 运行应用 ng serve 编译并运行应用，如果一切正常会出现以下信息 ? 如果出现 ?...制作Component（组件）执行命令创建组件 ng generate component hello-world 创建好后： ?...最基本的组件分为两部分： Component注解组件定义类组件代码讲解： import { Component, OnInit } from '@angular/core'; // 1.import.../hello-world.component.css'] }) //1.我们可以把注解看做是添加到代码上的元数据.挡在hellowerld类上使用@Component时，就把helloworld“装饰

9272 0

Ng-Matero V9 正式发布！

Angular V9 已经在二月份重磅发布，拖沓了一个月，Ng-Matero V9 也终于发布！其中大部分时间耗在了 Material Extensions 的组件开发上。...按照计划，Ng-Matero 直接从 0.x 过渡到到了 V9。虽然这是早已计划之内的事情，但是因为很多功能的欠缺，一直犹豫要不要直接发布 V9。...但是在 Angular Material 中就不能如此自由随意，比如在 Angular Material 的表单中使用 ng-select。...这套组件库的组件大致有以下三类：完全独立开发的组件（e.g. alert） Angular Material 组件的二次封装（e.g. data-grid）第三方组件的优化及包装（e.g. color-picker...最后，还是庆祝一下 Ng-Matero V9 的发布吧，如果你喜欢 Angular Material 或者对 Ng-Matero 感兴趣，欢迎与我交流！ qq-group_s.jpg

1.3K2 0

Angular 5 快速入门与提高

class EzComp{} 在Angular框架中，__组件__就是指一个应用了Component装饰器的类。...Component装饰器的作用，就是为被装饰的类附加元数据信息： ? Angular框架对应用进行编译引导时，将使用这些元数据构造视图。...因此，在应用开发中引入了模块（NgModule）的概念来组织不同的组件（及服务），一个 Angular应用至少需要创建一个模块。...为了区别于JavaScript语言本身的模块概念，在本课程中将使用__NG模块__来表示一个Angular模块。类似于组件，NG模块就是一个应用了NgModule装饰器的类。...) √ 平台对象：PlatformRef platformBrowserDynamic()函数返回一个PlatformRef对象（Angular对平台的抽象），这个函数最重要的作用，在于其内部创建了一个即时

1.8K2 0

Angular 6.x 基础教程

第二节 - 创建简单的组件新建组件 $ ng generate component simple-form --inline-template --inline-style # Or $ ng g c...： $ ng g c simple-form -it -is 即 Angular CLI 在创建组件时，自动帮我们添加了前缀。...在调用我们的事件处理函数时，会自动帮我们处理调用的参数。...第五节 - 注入服务新建服务 $ ng g s mail 在命令行窗口运行以上命令后，将输出以下内容： CREATE src/app/mail.service.spec.ts (362 bytes)...第十节 - 组件样式在 Angular 中，我们可以在设置组件元数据时通过 styles 或 styleUrls 属性，来设置组件的内联样式和外联样式。

15.6K2 0

Angularjs基础(三)

3.1K5 0

【AngularJS】 # AngularJS入门

', function($scope) { $scope.name = "John Doe"; }); 双向绑定，在修改输入域的值时， AngularJS 属性的值也将修改...AngularJS Scope(作用域) Scope(作用域) 是应用在 HTML (视图) 和 JavaScript (控制器)之间的纽带。 4.1....使用Scope 在AngularJS创建控制器时，可以将$scope对象当作一个参数传递 {...Scope作用范围根作用域：$rootScope 作用在 ng-app 指令包含的所有HTML元素中用 $rootScope 定义的值，可以在各个controller中使用 <div ng-app=...在 service 和 controller 需要时创建。

23.2K6 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

创建类时，ng g类在angular 9上不起作用

相关·内容

【阿里开发手册】所有的类都必须添加创建者和创建日期——在Idea中创建类时自动添加作者信息

前端MVC学习总结（一）——MVC概要与angular概要、模板与数据绑定

前端MVC学习总结（一）——MVC概要与angular概要、模板与数据绑定

Angular系列教程-第三节

浅谈Angular

angularjs学习第一天笔记

Angular CLI 简介

angularjs学习第一天笔记

ng generate 命令.

使用Angular CLI从蓝本生成代码

Angular CLI 常用终端操作命令

Angular 6.x 指令快速入门

Angular17 使用 ngx-formly 动态表单

Angular学习（02）--Angular-CLI命令

Angular CLI命令

Ng-Matero V9 正式发布！

Angular 5 快速入门与提高

Angular 6.x 基础教程

Angularjs基础(三)

【AngularJS】 # AngularJS入门

扫码

相关资讯

热门标签

活动推荐

运营活动

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐