开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

在由angular-cli构建的angular混合应用程序中，ng1模板应该放在哪里？

在由angular-cli构建的angular混合应用程序中，ng1模板应该放在src/app目录下的一个名为ng1的子目录中。在该子目录中，可以创建一个名为templates的文件夹，并将ng1模板文件放在其中。这样做的好处是可以将ng1模板与其他Angular组件和模块分开，使代码结构更清晰。同时，可以在angular.json文件中配置angular-cli，将ng1模板文件包含在构建过程中，以便在应用程序中使用这些模板。

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

（翻译）开始使用ABP.CORE模板 (ASP.NET Core with Angular)

开始一个新使用Angular和 ASP.NET Core 的ABP项目最简单的方法就是通过官方的模板页面来生成模板。切记包含zero模块。...Angular 项目需要按照下面的工具： nodejs 6.9版本及其以上，npm3.10版本及其以上 Typescript 2.0版本及其以上我们是用angular-cli来构建的Angular项目...部署Angular项目我们用 angular-cli 工具来生成Angular解决方案，你可以用ng build 指令来发布你的工程项目，发布内容默认放在dist文件夹下，然后你可以将这个文件夹部署到...基于令牌的认证如果您想从移动应用程序中使用API /应用程序服务，您可以使用基于令牌的认证机制，就像我们为Angular 客户端那样做。启动模板包括jwtbearer令牌认证基础设施。...这个应用程序从主机的appsettings.json文件中获取连接字符串。开始它和Web.Host中的appsettings.json文件一样。确保在配置文件中的连接字符串是要数据库。

2.9K2 0

Angular开发实践（一）：环境准备及框架搭建

引言在工作中引入Angular框架将近一年了，在这一年中不断的踩坑和填坑，当然也学习和积累了很多的知识，包括MVVM框架、前后端分离、前端工程化、SPA优化等等。...angular-cli npm install -g @angular/cli IDE推荐使用WebStorm 框架搭建 angular-start是我在GitHub上维护的一个起步项目，你可以直接下载作为基础开发框架来使用...可能你还想了解下该项目中的文件都是干什么用的，那么我们就来了解下。项目文件概览 src文件夹应用代码位于src文件夹中。所有的Angular组件、模板、样式、图片以及应用所需的任何东西都在这里。...这个文件夹之外的文件都是为构建应用提供支持用的。 ? src目录使用HTML模板、CSS样式和单元测试定义AppComponent组件。它是根组件，随着应用的成长它会成为一棵组件树的根节点。...其它文件是用来帮助我们构建、测试、维护、文档化和发布应用的。它们放在根目录下，和src/平级。 ? 根目录在e2e/下是端到端（end-to-end）测试。

1.3K7 0

angular4实战（1） angular-cli

https://cli.angular.io/ 提供了搭建一个angular项目的简单介绍。本文就angular-cli这块的指令属性，在做一些扩展介绍。...在下载好angular-cli之后，通过在命令行输入ng help可以获得angular-cli的指令详细介绍。 ? 如果新建一个项目仅仅用上述5条，显然是不满足开发需求的，在介绍5条属性。...—style 指定生成项目的css预编译语言，例如 ng new PROJECT-NAME –style less 则创建的项目，由less开发。...—inline-style，–inline-template这两个属性放在一起介绍，一个是将css放在ts文件中，一个是将html放在ts文件中一起编写。用过vue或者react的同学应该非常熟悉。...比如生成一个名为stones的组件，只需运行命令： ng g component stones 就ok了，然后会依照之前在ng new项目时的配置在app目录下生成相应的组件，并自动加入到依赖中，非常方便

6722 0

Angular学习(01)-架构概览

组件与模板在 Angular 中，最常接触的应该就是组件了。我是这么理解的，组件可以是你在界面上看到的任何东西，可以是一个页面，可以是页面上的一个按钮。...所以这里将组件和模板放在一起讲，因为就像开头那张图一样，组件是一份 TypeScript 文件，在该文件中，定义了这个组件的模板（template）来源和 CSS 样式来源。...但在 Angular 中，不用这么麻烦，直接在组件的构造函数的参数中，声明某个服务类型的参数即可。指令指令也是为组件服务的，但是，是在组件的模板文件中来使用。...因为组件的模板，其实就是一份 HTML 文件，基于 HTML 的标签之上，加上一些 Angular 的模板语法，而 Angular 在将这份 HTML 文件代码交给浏览器解析之前，会先自行解析一遍，去将模板中不属于...angular.json 这是 Angular-CLI 的配置文件，而 Angular-CLI 是自动化的工程构建工具，也就是利用这个工具，可以帮助我们完成很多工作，比如创建项目、创建文件、构建、打包等等

3.7K5 0

angular 2+组件 - 框架 - 集成 - 构建文档 - ckeditor5中文文档

CKEditor 5由现成的编辑器构建和构建所基于的CKEditor 5 Framework组成。目前，Angular的CKEditor 5组件仅支持通过构建集成CKEditor 5。...由于缺乏在angular-cli中调整webpack配置的能力，因此无法集成从源构建的CKEditor 5。...虽然目前还没有支持从源代码集成CKEditor 5，但您仍然可以创建CKEditor 5的自定义构建并将其包含在Angular应用程序中。...CKEditorModule, ... ], ... } ) 在Angular组件中导入编辑器构建并将其分配给public属性，以便在模板中可以访问它： import..."> 重建你的应用程序，CKEditor 5应该用“Hello，world！”来迎接你。

3.5K2 0

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

而且，不仅在创建文件方面，在对项目的编译、打包等各种操作中也需要借助 Angular-CLI。...所以，日常开发中，不管是借助 WebStrom 的图形操作，还是直接自己使用命令方式，都需要跟 Angular-CLI 打交道，了解一些基本的配置和命令也是有好处的。...Angular-CLI 大体上两种类型的命令，一是创建或修改文件，二是类似运行某个脚本来编译、构建项目。...组件声明在相应的 declarations 列表中。...有时候，前端和后端的工作都由同一个人开发，此时在本地调试时，前端就没必要造假数据，可以直接将 Angular 项目编译输出到后端项目的容器中，直接在本地调试后端接口。

2.6K1 0

使用Angular CLI从蓝本生成代码

angular/angular-cli/wiki/generate-component 可能常用的命令参数有: --flat 表示是否不需要创建文件夹 --inline-template (-it)...模板是否应该放在ts文件里 --inline-style (-is) 样式是否应该放在ts文件里....可以看到文件生成在项目里了. 并且更新了app.module.ts, 在里面做了component的声明....directive生成了两个文件和component一样, 也在app.module进行了声明. 看一下目录结构: ? 生成的directive的结构是没有目录, 也就是flat的....今天先写到这, 更多的参数还是要查看官方文档: https://github.com/angular/angular-cli

1K7 0

ng generate 命令.

angular/angular-cli/wiki/generate-component 可能常用的命令参数有: --flat 表示是否不需要创建文件夹 --inline-template (-it)...模板是否应该放在ts文件里 --inline-style (-is) 样式是否应该放在ts文件里....下面把-d参数去掉, 生成文件: 可以看到文件生成在项目里了. 并且更新了app.module.ts, 在里面做了component的声明....然后我试试添加一个component, 目的是要在login module进行声明: 可以看到我要创建的welcome component默认是在app.module里面进行声明的, 这时候如果想要在...今天先写到这, 更多的参数还是要查看官方文档: https://github.com/angular/angular-cli

8242 0

Angular开发实践（二）：HRM运行机制

引言在angular-start项目中启用了模块热替换(HMR - Hot Module Replacement)功能，关于如何在angular-cli启用HRM，请查看HRM配置那HMR是个什么东西呢...HMR是webpack提供的一个功能，angular-cli使用了它，它会在应用程序运行过程中替换、添加或删除模块，而无需重新加载整个页面。...主要是通过以下几种方式，来显著加快开发速度：保留在完全重新加载页面时丢失的应用程序状态只更新变更内容，以节省宝贵的开发时间调整样式更加快速 - 几乎相当于在浏览器调试器中更改样式这一切是如何运行的...image 下面让我们从一些不同的角度观察，以了解HMR的工作原理…… 在应用程序中通过以下步骤，可以做到在应用程序中置换(swap in and out)模块：应用程序代码要求 HMR runtime...通常将这些ID存储在内存中（例如，使用webpack-dev-server时），但是也可能将它们存储在一个JSON文件中。在模块中 HMR是可选功能，只会影响包含HMR代码的模块。

1.7K7 0

Spring 源码阅读：深入探索内部工作机制 | 开源日报 No.180

angular/angular-clihttps://github.com/angular/angular-cli Stars: 26.2k License: MIT Angular CLI 是一个用于...它可以直接从命令行初始化、开发、脚手架和维护 Angular 应用程序。...丰富的功能集合：除了基本功能外，还包括构建生产就绪应用程序所需的各种选项 (例如 AOT 编译)。强大而灵活：支持多个环境配置文件，并允许根据需要进行定制化设置。...它提供了一套 Blazor 组件，用于构建具有 Fluent 设计 (即现代微软应用程序的外观和感觉) 的应用程序。...该库中的某些组件是对微软官方 Fluent UI Web Components 的包装器。其他则是利用 Fluent Design System 或使其更容易与 Fluent UI 合作的组件。

1491 0

Angular 6正式版发布，都有哪些新功能

在Angular 5发布半年之后，Angular 6在昨天正式发布，那么在这个版本有哪些新功能呢？新版本重点关注工具链以及工具链在 Angular 中的运行速度问题。...你可在新的ng new应用程序中尝试以下动作： ng add @angular/pwa：添加一个 app manifest 和 service worker，将你的应用程序变成 PWA。...Angular Material 初始组件一旦运行ng add @angular/material并添加材料到现有的应用程序中，就能够生成 3 个新的初始组件。...CLI v6 现已支持多项目工作区，如多个应用程序或库，CLI 项目用 angular.json 取代 angular-cli.json 构建和配置项目。...这意味着你可以从应用程序中删除此 polyfill，可以节省大约 47KB 的内存，同时提高 Safari 中的动画性能。

4.2K2 0

Angular4记账webApp练手项目之一（利用angular-cli构建Angular4.X项目）

前提 1、已经安装了node.js环境 2、已经安装了npm环境 windows可以通过cmd输入以下指令查看 node -v // node版本 npm -v // npm版本安装angular-cli...npm install -g @angular/cli@latest 官方文档：https://github.com/angular/angular-cli 官方提供了一些指令 ?...ng build 开发项目用自己喜欢的开发工具打开项目文件夹。vs code、webStroem或者其他 ? 这里写图片描述和vue-cli构建的vue2项目很类似。...我们主要修改src文件夹下的内容。其中我们新建的代码放在app中。其中spec.ts 文件是测试文件，可以删除。...这里写图片描述用官方提供的指令创建，会将组件自动添加到app.module中，我们就可以直接使用了。 ? 这里写图片描述在app.component.html使用组件 ? 这里写图片描述 ?

1.1K3 0

从ng1看ng2 关于NgModule的简易归纳

ng1中的module回顾其实熟悉ng1的话，对于这ng2中的module的理解是很有帮助的。...从ng1开始，就一直再提倡一个module的概念，比如 angular.module('baz', []) angular.module('bar', []) angular.module('foo'...)，进行一些服务类的声明 exports: ng1中没有独立的exports语法，因此不做对比，在ng1中只有依赖模块中提供的服务、模块，加载模块均可使用。...值得一提的是，和ng1不同，ng2中的feature-module可以声明一些私有的组件和服务，这一点在ng1中时做不到的。...这些东西应该归并到share-module中，并在各个feature-module中加载它，从而使得我们的代码尽可能的保持简洁。

9552 0

AngularDart4.0 指南-体系结构概述顶

AngularDart（我们通常在这个文档中简单地称为Angular）是一个框架，用于在HTML和Dart中构建客户端应用程序。...您可以通过使用Angular的标记组合HTML 模板，编写组件类来管理这些模板，在服务中添加应用程序逻辑以及在模块中装入组件和服务来编写Angular应用程序。然后，通过引导根模块启动应用程序。...Angular应用程序是模块化的; 也就是说，应用程序由许多模块组装而成。在本指南中，术语module是指Dart编译单元，例如库或包。...一个组件控制屏幕中的一小块视图。例如，以下视图由组件控制：与导航链接的应用程序根。英雄名单。英雄编辑您可以在一个类中定义一个组件的应用程序逻辑 - 它支持视图的功能。...这是告诉Angular这个组件的构造函数需要HeroService的一种方法，这样它就可以获得显示的英雄列表。 ? @Component中的元数据告诉Angular从哪里获取为组件指定的主要构建块。

7.9K3 0

教程|在 Angular 4 中加载功能模块（下）

从应用程序源代码中解压 Angular4LazyLoadModules 文件（位于 Angular4TutorialSrc.zip 中）。...在您的应用程序目录中找到文件 app.component.html，将光标放在以下语句下方：清单 3....您会看到两个针对 “chunk” 文件的新行，它们是被 angular-cli 自动添加的。这些行表示您惰性加载的模块。...参见 Angular4PreLoadModules.zip 中的示例应用程序，更详细地了解预加载。自定义预加载：在大型应用程序中，仅预先加载少数惰性加载模块的做法是比较合理的。...本教程介绍了一种混合加载策略，使用贪婪加载、惰性加载和预加载 3 种技术来提高应用程序性能。要实现有效的混合加载策略，可遵循以下经验法则：对基础应用程序功能和主要模块使用贪婪加载。

2.3K1 0

GitHub 发布了一款重量级产品，可直接运行代码！

GitHub Actions：开源、社区支持的平台 GitHub认为，作为一个开发者，大部分时间和经历应该只放在一件事情上，那就是代码。...开发和共享操作，使项目所需的任何任务自动化，构建在一个选项生态系统之上。...GitHub广泛地将Contributor定义为对GitHub采取实质性行动（例如，推送代码、打开问题或合并pull请求）的用户，该用户在公共或私有存储库中向平台添加新内容。...tensorflow/tensorflow：谷歌推出的深度学习框架，是目前最流行的深度学习框架 angular/angular-cli：angular-cli是angular框架官方的一个脚手架工具...：微信跳一跳小游戏开源贡献最多的组织开源开发是由数以百万计的开发者以及许多组织推动的。

1.2K3 0

GitHub重磅年度报告：JavaScript最热，中国开发者贡献稳居第二

GitHub Actions：开源、社区支持的平台 GitHub认为，作为一个开发者，大部分时间和经历应该只放在一件事情上，那就是代码。...开发和共享操作，使项目所需的任何任务自动化，构建在一个选项生态系统之上。...GitHub广泛地将Contributor定义为对GitHub采取实质性行动（例如，推送代码、打开问题或合并pull请求）的用户，该用户在公共或私有存储库中向平台添加新内容。 ?...tensorflow/tensorflow：谷歌推出的深度学习框架，是目前最流行的深度学习框架 angular/angular-cli：angular-cli是angular框架官方的一个脚手架工具...：微信跳一跳小游戏开源贡献最多的组织开源开发是由数以百万计的开发者以及许多组织推动的。

1.1K2 0

Angular CLI 使用教程指南参考

npm install -g angular-cli 在 Mac 或 Linux 平台上，你可能需要添加sudo前缀提权进行全局安装： sudo npm install -g angular-cli... 在浏览器中打开Angular文档并搜索当前关键字 ng e2e 命令描述 ng e2e 使用protractor在当前应用中运行e2e测试 ng format 命令描述 ng...这也使ng set可以在项目之外工作。 ng build 构建工件将存储在/dist目录中。...ng github-pages:deploy 命令描述 ng github-pages:deploy [options] 构建生产应用程序，设置GitHub存储库，然后发布应用程序。...默认为“gh-branch” --skip-build 在发布之前跳过构建项目 --gh-token= 用于部署的API令牌,必须.

3K5 0

高颜值 tailwindcss 后台模板分享

Notus NextJS 具有酷炫的功能和构建工具，一旦使用就会让你爱不释手。 Notus NextJS 由前端 120 多个组件构建，使您可以自由选择和组合。...它具有多个 HTML 和 Angular 元素，并带有 Angular 的动态组件。它基于创意蒂姆的 Tailwind Starter Kit，它由演示页面和管理仪表板页面构建。...让 Notus Svelte 以其酷炫的功能和构建工具让您惊叹不已，让您的项目达到一个全新的水平。如果您喜欢明亮清新的颜色，您一定会喜欢这个模板。它具有 100 多种组件，您可以混合搭配。...如果你正在寻找一个简约风格的模板，那么它应该比较适合你，这是几个极简主义模板，但是简约不简单。...无论您是构建后端应用程序、信息系统、CRM 还是开始一个新的简单项目，Midone 都是一个绝佳的选择。它一共提供了 50 多页的模板文件，可以让你轻松找到满意的模板样式。

3.2K3 0

Angular CLI 简介

Angular CLI 官网: https://github.com/angular/angular-cli 安装angular cli: npm install -g @angular/cli 不过首先要确保您安装了比较新版本的...模板是否应该放在ts文件里 --inline-style (-is) 样式是否应该放在ts文件里....如果需要Serve 其他js/css/assets文件: 放在.angular-cli.json就行, 例如jquery就应该放在scripts里面....而且它还会检测文件的变化, 如果文件有变化, 那么它会重新执行测试. 它应该在单独的终端进程中执行. ...由于angular cli 更新比较快, 所以查看最新的功能最好还是看官方文档: https://github.com/angular/angular-cli/wiki

6.1K11 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭