前言： 　　AngularJS中提到模块是自定义的模块标准，提到这不得不说AngularJS是框架中的老大哥，思想相当的前卫.。在这框架满天横行的时代，AngularJS有些思想至今未被超越，当然仁者见仁智者见智啦！（杠精免谈） 一、模块的定义 　　AngularJS的开发从根模块的创建启程。那么模块是如何定义的呢？ 　　语法模板：angular.module("模块名称"，[]) 　　详解：形参

=============================基本概念部分====================================== 1. AngularJS是什么? * Google开源的 前端JS 结构化 框架 * 动态展示页面数据, 并与用户进行交互 * AngularJS特性(优点) * 双向数据绑定 * 声明式依赖注入 * 解耦应用逻辑, 数据模型和视图 * 完善的页

转眼九月份了，忙忙碌碌 发现今年还没开过张，写一篇吧。 15年在空闲时就倒腾过angularjs那玩意儿 ，觉得还是挺好的，李金龙那厚厚的一本书，只不过没有系统化应用。最主要的是原来有一个东西没有用到 那就是路由。在中衡的时候看到黄国文同志用那种全ajax的方式做的网站，那感觉。。。现在公司竟然也这么做，全是JS 写成一大坨跟屎一样的 js这玩意儿是弱类型的 调也不好调 对它完全没好感 看到那些j

Angular4 随笔（二）  ——自定义分页组件 1.简介 　　本组件主要是实现了分页组件显示功能，通过使用 ngx-bootstrap Pagination分页组件实现。 　　基本逻辑： 　　　　1.创建一个分页组件，如：ng g component  pager 　　　　2.父组件调用子组件，并向子组件传入基础配置信息 　　　　3.分页组件接收父组件传参，并在模板上进行配置，在html模板上

Angular4 随笔（三）  ——自定义搜索组件 1.简介 　　本组件主要是实现了搜索功能，主要是通过父子组件传值实现。 　　基本逻辑： 　　　　1.创建一个搜索组件，如：ng g component  search 　　　　2.父组件调用子组件，并向子组件传入基础配置信息，如搜索框默认提示信息等。 　　　　3.搜索组件接收父组件传参，并在模板上进行配置，在html模板上定义点击事件，调用分页子

formGroup：错误 Can‘t bind to ‘formGroup‘ since it isn‘t a known property of ‘form‘. (" 原因：   在使用form表单时，如果用到了form-group与formControlName，需要在app.module.ts中的import引入的不仅仅有FormsModule，还要引入ReactiveFormsModule

要启动一个angular应用，可以使用ng-app指令，也可以调用bootstrap方法手动启动。   一个angular应用中，可以有多个angular.module。应该有且只有一个angular.module的名称与ng-app的值一致，否则就没有意义了。 angular.module(‘M1‘,[]); angular.module(‘M2‘,[]); ...... angular.mod

1 angularJS的一些概念     AngularJS 通过新的属性和表达式扩展了 HTML。     AngularJS 是一个 JavaScript 框架，它是一个以Javascript编写的库，它可通过 <script> 标签添加到 HTML 页面。     Angular Js是一个Javascript框架，     AngularJS 可以构建一个单一页面应用程序（SPAs：Sin

1.首先是需要导入的模块 import { Router } from "@angular/router";//路由传参用到 import{ActivatedRoute,Params} from ‘@angular/router‘;//获取路由传参用到 2.第二步，注入服务 constructor( private activateInfo:ActivatedRoute

上篇文章我们提到了vue-cli的工程模板。这里我们来详细的进行介绍。 vue-cli提供的脚手架只是一个最基础的，也可以说是Vue团队认为的工程结构的一种最佳实践。对于初学者或者以前曾从事AngularJS/React开发的用户来说，可能对开发环境有自已习惯性用法和熟悉的工具，但我建议用Vue来开发的话还是先按照官方推荐的来做，待我们掌握了Vue官方推荐的环境配置后再按照实际情况进行相应的调整，

1. 定义 Angular的核心是采用MVC模式，即Model-View-Controller,也即MVW,Model-View-Whatever. 如下图所示，借助于ASP.NET的MVC模式来描述这三者关系： Model：负责管理数据，有领域数据和视图数据，维护数据的管理逻辑和存储； View：负责数据展示，如页面展示布局和页面数据，显示样式等； Controller：是数据和视图的转换体；负

html代码 <!-- 数据表格 --> <div class="table-box"> <!--工具栏--> <div class="pull-left"> <div class="form-group form-inline"> <div class="btn-group">

  前缀 寻找路劲 没有找到控制器是否抛错？ 例如 Link函数中第四个参数 (no prefix) 当前指令的DOM 抛错 tabset 找到的Controller对象 　　? 当前指令的DOM 不抛错 ?tabset 找到的Controller对象，否则为null 　　^ 当前指令的DOM和它的父指令DOM 抛错 ^tabset 找到的Controller对象 　  ^^ 父指令的DOM 抛错

ng-alain 是一个企业级中后台前端/设计解决方案脚手架，我们秉承 Ant Design 的设计价值观，目标也非常简单，希望在Angular上面开发企业后台更简单、更快速。随着『设计者』的不断反馈，将持续迭代，逐步沉淀和总结出更多设计模式和相应的代码实现，阐述中后台产品模板/组件/业务场景的最佳实践，也十分期待你的参与和共建。 如何阅读文档 在开始之前有一些文档描述约定说明，这有助于更好的阅读

  上一节我们已经搭建好项目的基本骨架，现在我们就来对项目的整体结构进行规划，项目结构规划每个人每个公司都有不同的方式，我们不去论好坏还是是否合理，只要你当前觉得它是最好的实现就好，不过我还是建议去参考优秀项目的规划方式。 项目结构设计总原则：一切皆模块，鹿途项目的模块主要以功能划分，每个完整的功能点就是一个独立的模块，有自己独立的路由服务等，然后我们在把构建完成的子模块注入到主模块，如果不需要这

前面我们已经在我们想要的位置顺利的创建了Angular项目，现在我们就来看一下项目的结构吧。 下面使我们项目的整体结构，包括node的模板、src资源文件以及配置文件等。     下面是根目录文件夹内的文件用途： 文件 用途 e2e/ 在 e2e/ 下是端到端（end-to-end）测试。 它们不在 src/ 下，是因为端到端测试实际上和应用是相互独立的，它只适用于测试你的应用而已。 这也就是为什

用到的集成开发环境是WebStrom，Cesium版本是1.50.0，Angular版本是6.2.4  1.首先我们安装cesium，在webstorm中的Termianl中输入 npm install --save cesium 2.再安装类型描述文件，让TypeScript认识Cesium npm install @types/cesium --save 3.在项目中引用cesium 打开an

  我们要在一个独立的顶级模块中加载和配置路由器，它专注于路由功能，然后由根模块 AppModule 导入它。 按照惯例，这个模块类的名字叫做 APPRoutingModule，并且位于 src/app 下的 app-routing.module.ts 文件中。 使用 CLI 生成它。 1.在命令窗口输入ng generate module app-routing --flat --module=

为什么要配置多个环境变量？因为在实际的开发中，可能存在开发、测试或者正式多个环境变量，我们希望以一种输入不同的参数来切换不同环境的工作模式，所以需要配置多个环境变量。 环境变量配置在environments文件下，默认情况下存在environment.prod.ts和environment.ts两个文件，environment.prod.ts文件中的参数production是true，enviro

直接上代码 HTML页面代码：   <label>资源URL</label> <input type="text" class="form-control" id="txtSourceURL" name="txtSourceURL" 　　　　　　　　　　ng-model="editdata.SourceURL" placeholder="资源URL" ng-maxlength="500"> <

// email是否注册校验器 emailRegisteredValidator(control: FormControl): Observable<any>{ if (control.value) { return control.valueChanges .debounceTime(1000) .d

Allow the base toggle to be a tag (<toggle>) or attribute (<div toggle>). The <toggle> component has become less opinionated about the view, but has now taken on some responsibilities managing state.

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>angular.identity</title> </head> <body ng-app="indentityExample"> <h1>angular.identity</h1> <p

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>angular.isDate</title> </head> <body ng-app="isDateExample"> <h1>angular.isDate</h1> <p>

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>angular.isNumber</title> </head> <body ng-app="isNumberExample"> <h1>angular.isNumber</h1> <p>

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>angular.isObject</title> </head> <body ng-app="isObjectExample"> <h1>angular.isObject</h1> <p>

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>angular.isString</title> </head> <body ng-app="isStringExample"> <h1>angular.isString</h1> <p>

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>angular.isFunction</title> </head> <body ng-app="isFunctionExample"> <h1>angular.isFunction</h1>

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>angular.isDefined</title> </head> <body ng-app="isDefinedExample"> <h1>angular.isDefined</h1>

A component author has no way of knowing which state changes a consumer will want to override, but state reducers handle this problem by allowing the parent component to override any state change.   I