当前位置: 首页 > 软件库 > Web应用开发 > Web框架 >

angular-folder-structure

授权协议 MIT License
开发语言 JavaScript
所属分类 Web应用开发、 Web框架
软件类型 开源软件
地区 不详
投 递 者 长孙永思
操作系统 跨平台
开源组织
适用人群 未知
 软件概览

Angular Folder Structure - Highly Scalable

This project is inspired by the article on ITNEXT called"How to define a highly scalable folder structure for your Angular project"by Mathis Garberg. Based on best practices from the community, other githubAngular projects, developer experience from production Angular projects, andcontributors to this repository, this project's goal is to create a skeletonstructure which is flexible for projects big or small.

login screen screenshot

Tree Structure

This tree represents the directories this repository proposes be added to adefault Angular application.

  .
  ├── media
  └── src
      ├── app
      │   ├── core
      │   ├── data
      │   ├── layout
      │   ├── module
      │   └── shared
      └── styles

Documentation

Read The Documentationfor details on each part of the directory structure.

Demonstration Application

See The Applicationin action.

  • 每次通过命令 ng g c  comp1   生成的文件夹都在根组件app文件夹下面,看着真是很不爽啊,手动移又不想移,就只能求助这样子,突然发现可以通过  cd  命令切换到指定文件下,再通过  ng g  ......  命令,就可以创建组件到指定文件夹了。又水了一波

  • 1、需求 在项目开发中,前端使用的是Angular框架,在文件下载的时候遇到问题,文档类型通过超链接可以直接下载,但是图片和pdf文档使用超链接不能下载,只能浏览。 2、解决办法: ① 创建文件服务 fileService.ts 使用ng generate service file 创建文件,内容如下: import { Observable } from 'rxjs'; import { Inj

  • addClass()-为每个匹配的元素添加指定的样式类名 after()-在匹配元素集合中的每个元素后面插入参数所指定的内容,作为其兄弟节点 append()-在每个匹配元素里面的末尾处插入参数内容 attr() - 获取匹配的元素集合中的第一个元素的属性的值 bind() - 为一个元素绑定一个事件处理程序 children() - 获得匹配元素集合中每个元素的子元素,选择器选择性筛选 clon

  • https://github.com/joni2back/angular-filemanager/blob/master/API.md angular-filemanager API docs [multiple file support] Listing (URL: fileManagerConfig.listUrl, Method: POST) JSON Request content {

  • src/main/java Application/Library sources src/main/resources Application/Library resources src/main/filters Resource filter files src/main/assembly Assembly descriptors src/main/config Configuration f

  • AngularJS不支持你想要的东西,但是你可以看看Grunt或Gulp等构建工具,它们可以让你“构建”你的应用程序.在您的情况下,这些工具可以查找CSS文件并将它们连接成一个文件.这样,如果您添加新模块,则index.html不必更改. 我个人使用GulpJS,因为它看起来要快得多.我发现配置更容易: 包括我的配置文件. 例如,任务“styles”将编译它在我指定的文件夹中找到的每个css文件,

  • 文件夹、文件用途 assets:图片,插件 enviroments: 生产环境和实战方式不一致时,可以将变量或地址进行配置,也可以自己新建 index.html: 这个是别人访问你的网站是看到的主页面的HTML文件。大多数情况下你都不用编辑它。在构建应用时。CLI会自动把所有的js和css文件添加进去。所以你不需要添加<script>或<link>标签 e2e: 端到端测试文件 app/ 文件夹中

  • <nz-col nzSpan="4" class="margin-left-15"> <button nz-button nzType="primary" (click)="toSearchData()"><i nz-icon nzType="search"></i>查询</button> </nz-col>

  • e2e 端对端测试的文件 node_modules 所有插件 src 项目的源码 所有的逻辑代码 .browserslistrc 指定浏览器版本号 angular默认不支持IE9-11(需要支持的话去掉前面的not) .editorconfig 规范(不同的)编辑器格式 空格缩进 .gitignore 并非把所有的代码都放到git上 忽略不需要上传到git上的文件 angular.json ang

  • ** angular的根组件文件app.component.ts ** //引入依赖 import { Component } from '@angular/core'; //看到该装饰器就说明这是一个组件 @Component({ //指定一个CSS选择器,告诉angular如何在HTML文档中应用该组件 selector: 'app-root', //指定组件对应的模板文件 t

 相关资料
  • 1.1. Software Folder Structure 1.1. Software Folder Structure Kamino18 Dev3.0 works with YodaOS based on Linux kernel,whose code folder structure as below: ├── 3rd ├── applications ├── build.sh -> /ho

  • 主要内容:Folder 对象Folder 对象用于返回关于指定文件夹的信息。 Folder 对象 Folder 对象用于返回关于指定文件夹的信息。 如需操作 Folder 对象的相关属性和方法,您需要通过 FileSystemObject 对象来创建 Folder 对象的实例。首先,创建一个 FileSystemObject 对象,然后通过 FileSystemObject 对象的 GetFolder 方法来实例化这个 Fo

  • Folder Tree 是一个文件夹树形控件。支持利用拖放(drag and drop)操作来重新排序节点,利用Ajax更新节点。 在线演示

  • 增加 Todo 的一些业务 在 controller 下面新建 todo.ts, 为了更加的健壮大家可以自行把 catch 里面的逻辑补完。 import * as Koa from 'koa'; import { Todo } from '../model/todo'; export default { async create(ctx: Koa.Context, next){

  • IMAP Folder Manager 是一个用 Perl 编写的 IMAP 文件夹管理器。可列表、创建、删除和重命名 IMAP 文件夹,并对文件的邮件进行计数。支持 PROXYAUTH 简化用户管理,提供简单但强大的参数接口。

  • Dolphin Folder Color 是 KDE 文件夹美化工具,是一个能快速为文件夹美化的“上下文菜单”,如今它也可以对选定的“文件夹集”进行美化! ### 安装### 你仅仅需要单击运行脚本install.sh ,之后重启dolphin即可! 请注意:并不需要从shell启动,这货依赖于kdialog ! 软件介绍 via IMCN