-
Angular的MVC理解
所属栏目：[安全] 日期：2020-12-17 热度：54
1. 定义 Angular的核心是采用MVC模式，即Model-View-Controller,也即MVW,Model-View-Whatever. 如下图所示，借助于ASP.NET的MVC模式来描述这三者关系： Model：负责管理数据，有领域数据和视图数据，维护数据的管理逻辑和存储； View：负责数据展示，如页面[详细]
-
AngularJs实现全选功能
所属栏目：[安全] 日期：2020-12-17 热度：54
html代码 !-- 数据表格 -- div class ="table-box" !-- 工具栏 -- div class ="pull-left" div class ="form-group form-inline" div class ="btn-group" button type ="button" class ="btn btn-default" title ="新建" data-toggle ="modal" data-target =[详细]
-
angularjs指令中的require赋值含义
所属栏目：[安全] 日期：2020-12-17 热度：62
? 前缀 寻找路劲 没有找到控制器是否抛错？ 例如 Link函数中第四个参数 (no prefix) 当前指令的DOM 抛错 tabset 找到的Controller对象 ? 当前指令的DOM 不抛错 ?tabset 找到的Controller对象，否则为null ^ 当前指令的DOM和它的父指令DOM 抛错 ^tabset 找到[详细]
-
推荐一款基于Angular实现的企业级中后台前端/设计解决方案脚手架
所属栏目：[安全] 日期：2020-12-17 热度：138
ng-alain 是一个企业级中后台前端/设计解决方案脚手架，我们秉承 Ant Design 的设计价值观，目标也非常简单，希望在Angular上面开发企业后台更简单、更快速。随着『设计者』的不断反馈，将持续迭代，逐步沉淀和总结出更多设计模式和相应的代码实现，阐述中后[详细]
-
angular6 + ng-zorro鹿途后台管理系统（二）项目结构规划
所属栏目：[安全] 日期：2020-12-17 热度：176
? 上一节我们已经搭建好项目的基本骨架，现在我们就来对项目的整体结构进行规划，项目结构规划每个人每个公司都有不同的方式，我们不去论好坏还是是否合理，只要你当前觉得它是最好的实现就好，不过我还是建议去参考优秀项目的规划方式。 项目结构设计总原则[详细]
-
Angular的项目结构
所属栏目：[安全] 日期：2020-12-17 热度：119
前面我们已经在我们想要的位置顺利的创建了Angular项目，现在我们就来看一下项目的结构吧。 下面使我们项目的整体结构，包括node的模板、src资源文件以及配置文件等。 ? ? 下面是根目录文件夹内的文件用途： 文件 用途 e2e/ 在? e2e/ ?下是端到端（end-to-en[详细]
-
用Angular部署Cesium
所属栏目：[安全] 日期：2020-12-17 热度：55
用到的集成开发环境是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.在项目中引[详细]
-
Angular创建路由从主界面跳转到我们的cesium界面
所属栏目：[安全] 日期：2020-12-17 热度：86
? 我们要在一个独立的顶级模块中加载和配置路由器，它专注于路由功能，然后由根模块? AppModule ?导入它。 按照惯例，这个模块类的名字叫做? APPRoutingModule ，并且位于? src/app ?下的? app-routing.module.ts ?文件中。 使用 CLI 生成它。 1.在命令窗口[详细]
-
angular6 + ng-zorro鹿途后台管理系统（三）环境变量配置
所属栏目：[安全] 日期：2020-12-17 热度：176
为什么要配置多个环境变量？因为在实际的开发中，可能存在开发、测试或者正式多个环境变量，我们希望以一种输入不同的参数来切换不同环境的工作模式，所以需要配置多个环境变量。 环境变量配置在environments文件下，默认情况下存在environment.prod.ts和env[详细]
-
WebAPI Angularjs 上传文件
所属栏目：[安全] 日期：2020-12-17 热度：56
直接上代码 HTML页面代码： ? label 资源URL / label input type ="text" class ="form-control" id ="txtSourceURL" name ="txtSourceURL" ng-model ="editdata.SourceURL" placeholder ="资源URL" ng-maxlength ="500" !-- 文件地址展示 -- button id ="ch[详细]
-
angular4 表单异步校验器 邮箱是否注册
所属栏目：[安全] 日期：2020-12-17 热度：101
// email是否注册校验器 emailRegisteredValidator(control: FormControl): Observableany{ if (control.value) { return control.valueChanges .debounceTime(1000) .distinctUntilChanged() .mergeMap(() = this.http.checkEmailHasRegisted(control.value[详细]
-
[Angular] Refactor Angular Component State Logic into Direct
所属栏目：[安全] 日期：2020-12-17 热度：195
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. We’ll decouple the state management piece by[详细]
-
angular.identity()
所属栏目：[安全] 日期：2020-12-17 热度：136
!DOCTYPE htmlhtml head meta charset="UTF-8" titleangular.identity/title /head body ng-app="indentityExample" h1angular.identity/h1 p span描述：/spanbr / span返回他的第一参数的函数，次函数多用于函数编程/span /p p span使用方法：/spanbr / spa[详细]
-
angular.isDate()
所属栏目：[安全] 日期：2020-12-17 热度：195
!DOCTYPE htmlhtml head meta charset="UTF-8" titleangular.isDate/title /head body ng-app="isDateExample" h1angular.isDate/h1 p span描述：/spanbr / span判断参数是否是一个时间类型/span /p p span使用方法：/spanbr / spanangular.isDate(value)/sp[详细]
-
angular.isNumber()
所属栏目：[安全] 日期：2020-12-17 热度：70
!DOCTYPE htmlhtml head meta charset="UTF-8" titleangular.isNumber/title /head body ng-app="isNumberExample" h1angular.isNumber/h1 p span描述：/spanbr / span判断参数是否是一个Number/span /p p span使用方法：/spanbr / spanangular.isNumber(val[详细]
-
angular.isObject()
所属栏目：[安全] 日期：2020-12-17 热度：116
!DOCTYPE htmlhtml head meta charset="UTF-8" titleangular.isObject/title /head body ng-app="isObjectExample" h1angular.isObject/h1 p span描述：/spanbr / span判断参数是否是一个Object/span /p p span使用方法：/spanbr / spanangular.isObject(val[详细]
-
angular.isString()
所属栏目：[安全] 日期：2020-12-17 热度：74
!DOCTYPE htmlhtml head meta charset="UTF-8" titleangular.isString/title /head body ng-app="isStringExample" h1angular.isString/h1 p span描述：/spanbr / span判断参数是否是一个String/span /p p span使用方法：/spanbr / spanangular.isString(val[详细]
-
angular.isFunction()
所属栏目：[安全] 日期：2020-12-17 热度：163
!DOCTYPE htmlhtml head meta charset="UTF-8" titleangular.isFunction/title /head body ng-app="isFunctionExample" h1angular.isFunction/h1 p span描述：/spanbr / span判断参数是否是一个函数/span /p p span使用方法：/spanbr / spanangular.isFuncti[详细]
-
angular.isDefined()
所属栏目：[安全] 日期：2020-12-17 热度：144
!DOCTYPE htmlhtml head meta charset="UTF-8" titleangular.isDefined/title /head body ng-app="isDefinedExample" h1angular.isDefined/h1 p span描述：/spanbr / span判断参数是否是定义引用/span /p p span使用方法：/spanbr / spanangular.isDefined(v[详细]
-
[Angular] Expose Angular Component Logic Using State Reducer
所属栏目：[安全] 日期：2020-12-17 热度：81
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. ? In Short,we want to have a way to overrid[详细]
-
Angular建立待办事项应用
所属栏目：[安全] 日期：2020-12-17 热度：128
建立路由 接前一小节，在src/app/app.component.html把login组件去掉 第一步： 在src/index.html指定基准路径 浏览器会根据这个路径下载css，图像，js文件，所以语句要放在header的最顶端 base href="/" ?第二步： 在src/app/app.module.ts引入RouterModule[详细]
-
Angular待办事项应用2
所属栏目：[安全] 日期：2020-12-17 热度：125
todo组件 接上一篇，在根目录创建todo组件 命令行输入：ng g c todo 得到 ?文件结构 ? ? 修改默认路由为todo： ? 然后打开浏览器：http://localhost:4200/ ，查看，todo组件已经ok ? ?todo实体类 我们希望todo页面有一个输入待办事项的输入框，一个显示待办[详细]
-
AngularJS 指令
所属栏目：[安全] 日期：2020-12-17 热度：104
AngularJS 通过被称为? 指令 ?的新属性来扩展 HTML。 AngularJS 通过内置的指令来为应用添加功能。 AngularJS 允许你自定义指令。 AngularJS 指令 AngularJS 指令是扩展的 HTML 属性，带有前缀? ng- 。 ng-app ?指令初始化一个 AngularJS 应用程序。 ng-init[详细]
-
angular-使用iframe做独立页（iframe传值到angular和iframe里请
所属栏目：[安全] 日期：2020-12-17 热度：145
这个方法使用过两次。一次是在项目中嵌入一个表达式生成器。因为用别人做好的网页变成组件很难，而且里面用了jq，与angular思想相反不能用。另一次是因为想要单独引用样式。而innerHTML使用的样式放在组件css里不生效。放在assets里又影响全局样式。所以使用[详细]
-
Angular待办事项应用4——模拟web服务
所属栏目：[安全] 日期：2020-12-17 热度：110
内存服务器 angular提供了一个快速建立测试用的web服务方法，内存服务器（in-memory），让我们不用等待后端开发的进度 安装npm包 npm install --save angular-in-memory-web-api 构建数据模型 在todo文件夹创建文件todo-data.ts import { InMemoryDbService[详细]
