-
AngularJs 文件上传（实现Multipart/form-data 文件的上传）
所属栏目：[安全] 日期：2020-12-17 热度：64
!-- 上传yml文件 -- div class ="blackBoard" ng-show ="vm.showUpop==true" / div div class ="updaYMLpop" ng-show ="vm.showUpop==true" div class ="title" 新建服务容器 span ng-click ="vm.showUpop=false" × / span / div ul li 选择节点： select n[详细]
-
angular导出文件保存在本地
所属栏目：[安全] 日期：2020-12-17 热度：81
$scope.ev_click = function (obj){ var ev = document.createEvent("MouseEvents" ); ev.initMouseEvent( "click", true , false ,window, null ); obj.dispatchEvent(ev);}$scope.export_add = function (name,data){ var urlObject = window.URL || windo[详细]
-
angular的subscribe
所属栏目：[安全] 日期：2020-12-17 热度：68
angular中可以使用observable和subscribe实现订阅，从而实现异步。 这里记录一个工作中的小问题，以加深对subscribe的理解。前端技能弱，慢慢积累中。 本来希望的是点击一个按钮后出现一个loading的模态框，实际发现并没有出现loading的模态框。 按钮和模态[详细]
-
angular中出现错误的提示指令[ng:areq]的原因
所属栏目：[安全] 日期：2020-12-17 热度：74
angular.min.js:80 Error: [ng:areq] http://errors.angularjs.org/1.2.9/ng/areq?p0=sellerServicep1=not%20a%20function%2C%20got%20undefined at angular.min.js:2 at ub ( angular.min.js:14) at Pa ( angular.min.js:14) at angular.min.js:57 at angul[详细]
-
Angular 开发NPM第三方包
所属栏目：[安全] 日期：2020-12-17 热度：99
步骤： 创建第三方包 》 开发第三方包 》 测试第三方包 》 发布第三方包 》 使用第三方包 实例: 第一步：创建第三方包;; (创建项目，项目下创建第三方库) 1. 新建项目 ng new zerolibrary 2. 创建第三方库 // 目录切换至新创建的项目cd zerolibrary// 创建第[详细]
-
Angular toastr提示框
所属栏目：[安全] 日期：2020-12-17 热度：164
1. 安装ngx-toastr包 npm install ngx-toastr --save 2. package.json中引入toastr样式文件 "styles": ["./node_modules/ngx-toastr/toastr.css" ] 3. 根模块中导入Toastr模块 import {ToastrModule} from ‘ngx-toastr‘;imports: [ ToastrModule.forRoot()[详细]
-
使用angular路由复用策略实现标签栏效果
所属栏目：[安全] 日期：2020-12-17 热度：134
前段时间在后台管理端要实现的一个需求是做个类似浏览器中的标签栏。方便用户在不同报表中查看和比对。 查了一些方法，可以通过angular的动态组件方式实现和路由复用的方式实现。 ? 动态组件大体上就是把每个打开的页放入到componentFactory中，然后判断当前[详细]
-
Angular7教程-03-Angular常用操作(上)
所属栏目：[安全] 日期：2020-12-17 热度：151
本节来介绍angular中的操作以及TypeScript语法的简单介绍。关于TypeScript语法的更为详细的内容，打算在整个angular教程结束后再单独介绍。 0. 安装所需要的插件及配置插件 安装bootstrap 进入项目目录，使用以下命令安装: cd medianpm install bootstrap --[详细]
-
Angular7教程-04-Angular常用操作（下）
所属栏目：[安全] 日期：2020-12-17 热度：145
6. 数据双向绑定 视图和数据，只要一方发生变化，另一方跟着变化。 好处是不需要在代码中手动更新视图，简化开发，增加代码内聚性，代码可读性更强。 缺点是当绑定的数据层次深、数据量大时，会影响性能。 双向数据绑定的语法是 [(x)] . 修改 article.compon[详细]
-
angular6 ngx-echarts 图表数据更新
所属栏目：[安全] 日期：2020-12-17 热度：136
最近在用angular写一个echarts图表，初始化赋值数据可以展示，但是重新获取数据以后，图表不会刷新。 后来发现了问题点所在， div echarts class= "demo-chart" [options]= "chartOptions" (chartInit)= "onChartInit($event)" / div ? ? ? ?onChartInit(ec)[详细]
-
angular配置路由/子页面+vue配置路由/子页面
所属栏目：[安全] 日期：2020-12-17 热度：58
? 1.在vue.js中组件可以复用，然后最近配置了几个子页面 在 这个文件中配置路由，子页面的配置跟其他一样，只不过path不同。 ? routes: [ ??? { path: ‘/‘, ????? name: ‘HelloWorld‘, ????? component: HelloWorld ??? }, ??? { ????? path: ‘/city/li[详细]
-
angular父子组件传值
所属栏目：[安全] 日期：2020-12-17 热度：105
angular 组件传值---****---子传父。。。。@Output *****子组件 --------ts文件 import {Component,Output,EventEmitter,OnInit} from ‘@angular/core‘; @Component({ selector: ‘child-Component‘, templateUrl: ‘./child.component.html‘, styleUrls[详细]
-
Angular单元测试与集成测试
所属栏目：[安全] 日期：2020-12-17 热度：149
使用Angular CLI创建的App已配置好测试环境，生成了测试配置文件和样例代码。默认，Angular单元测试使用Jasmine测试框架和Karma测试运行器，集成测试使用Jasmine测试框架和Protractor end-to-end 测试框架。 单元测试 Jasmine是一个用于测试JavaScript的行为[详细]
-
angular中的$http请求跨域，采用CROS方式解决
所属栏目：[安全] 日期：2020-12-17 热度：168
anjular中的controller层$http服务，解决跨域请求。 js书写： ??? /** ?? ? * 采用CORS方式实现ajax跨域请求 ?? ? */ ?? ?$http({ ?? ??? ?method:"post", // 请求方式可以为post，也可以为get ?? ??? ?params:"", ?? ??? ?url:"http://localhost:8080/getAr[详细]
-
angular 多环境匹配
所属栏目：[安全] 日期：2020-12-17 热度：197
一直以来，不太清楚angular切换生产环境后是怎么匹配的，今天无意间看见一个关于这个问题的详细视频，所以记录下来，希望对自己和大家有些帮助！！，话不多说，上代码 首先 1.我们会在angular-cli.json里边看见environment属性： environment里边包含着我们[详细]
-
Angular ngx-echarts图表
所属栏目：[安全] 日期：2020-12-17 热度：171
1. 安装echarts包、ngx-echarts包 npm install echarts --savenpm install ngx-echarts --save 2. angular.json中引入echarts.js文件 "scripts": [ "node_modules/echarts/dist/echarts.js" ] 3. 根模块中导入NgxEchartsModule模块 import {NgxEchartsModule[详细]
-
angular的json
所属栏目：[安全] 日期：2020-12-17 热度：118
在angular从servlet中获取的list数据是字符串格式，需要转为json格式，于是使用语法： $scope.findOne= function (id){ typeTemplateService.findOne(id).success( function (response){ $scope.entity = response; $scope.entity.brandIds = JSON.parse($sc[详细]
-
Angular Taskmgr 登录
所属栏目：[安全] 日期：2020-12-17 热度：180
1、先创建domain文件夹，在里面建一个user.model.ts的user领域对象。 export interface User{ id ?: string ; email: string ; password: string ; name: string ; avatar: string ;} 2、ng g m login创建一个login module. 在login下创建一个login组件。 3[详细]
-
Angular 2.0 文本拖拽
所属栏目：[安全] 日期：2020-12-17 热度：89
基于Angular7.1和TypeScript实现 Html代码 div style ="padding-left: 0px;" div id =‘contentTem‘ class =‘temp-style‘ contentEditable ="true" (drop) ="drop($event)" (dragover) ="allowDrop($event)" ng-change ="changeValue($event)" 1 / div di[详细]
-
Angular 项目列表页
所属栏目：[安全] 日期：2020-12-17 热度：121
$ ng g m project 功能：项目列表显示，增加，修改，删除项目。邀请其它人员加入项目。 单一性原则：希望搭建多个组件，每个组件负责自己的功能。 一、project相关组件 $ ng g c project/project-list 【项目列表组件】 $ ng g c project/project-item 【卡[详细]
-
Angular单元测试与E2E测试
所属栏目：[安全] 日期：2020-12-17 热度：74
本文介绍了Angular单元测试和E2E测试的配置与测试方法。示例APP使用Angular 7 CLI创建，已配置好基础测试环境，生成了测试样例代码。默认，Angular单元测试使用Jasmine测试框架和Karma测试运行器，E2E测试使用Jasmine测试框架和Protractor端到端测试框架。[详细]
-
angular,vue,react的基本语法—双向数据绑定、条件渲染、列表渲
所属栏目：[安全] 日期：2020-12-17 热度：86
基本语法： 1、双向数据绑定 vue 指令：v-model= " msg " react constructor(){ this .state{ msg: " 双向数据绑定 " }render(){ input type= " text " value={ this .state.msg} onChange={(ev)= this .handleChange(ev)} / {msg}}handleChange(ev){ this .[详细]
-
南屿 带你 走进 vue
所属栏目：[安全] 日期：2020-12-17 热度：116
? ### Vue ? Vue是一个前端js框架，由尤雨溪开发，是个人项目 ? Vue近几年来特别的受关注，三年前的时候angularJS霸占前端JS框架市场很长时间，接着react框架横空出世，因为它有一个特性是虚拟DOM，从性能上碾轧angularJS，这个时候，vue1.0悄悄的问世了，它[详细]
-
【Angular专题】——（1）Angular，孤傲的变革者
所属栏目：[安全] 日期：2020-12-17 热度：94
目录 一. 漫谈Angular 二. 如果你还在使用Angularjs 三. 我计划这样学习Angular技术栈 一. 漫谈Angular Angular ，来自Google的前端 SPA 框架，与 React , Vue 并称前端框架的三驾马车，前些日子刚发布了 7.0 版本。它是一个十足的革命者，每一次亮相，都会[详细]
-
AngularJS进阶 三十九 基于项目实战解析ng启动加载过程
所属栏目：[安全] 日期：2020-12-17 热度：104
基于项目实战解析ng启动加载过程 前言 ? ? ? 在AngularJS项目开发过程中，自己将遇到的问题进行了整理。回过头来总结一下angular的启动过程。 ? ? ? 下面以实际项目为例进行简要讲解。 1.载入ng库 ? 2.等待，直到DOM树构造完毕。 3.发现ng-app，自动进入启动[详细]
