You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Angular 14中在指定组件内创建指令的CLI命令是什么?

在指定组件内创建指令的CLI命令解答

一、通用场景下的实现逻辑

不同前端框架的CLI工具语法存在差异,没有完全通用的命令,但核心是指定目标组件的目录作为指令生成路径。以下是几种主流框架的示例:

  • Vue(Vue CLI):若要在src/components/MyComponent目录下创建指令,使用命令:
    vue g d MyComponent/MyDirective
    
    (g是generate的缩写,d是directive的缩写)
  • React(基于Nx工具链):若要在src/components/my-component目录下创建指令,使用命令:
    nx generate @nrwl/react:directive my-directive --directory=src/components/my-component
    

二、Angular 14框架下的CLI命令

Angular CLI提供了直接指定组件目录生成指令的命令,假设目标组件位于src/app/my-component目录下,执行以下命令即可在该组件内创建指令:

ng g d my-component/my-directive

(ng g d是ng generate directive的缩写)
该命令会自动将指令文件生成在src/app/my-component目录中,同时将指令注册到该组件所属模块的declarations数组内。

内容的提问来源于stack exchange,提问作者Ishaan

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.15 13:25:22