
angular
头名字W
大鹏一日同风起,扶摇直上九万里
展开
-
如何在angular项目中使用Editor.md
editor.md是国内开源的一款在线Markdown编辑器,可嵌入的 Markdown 在线编辑器(组件),基于 CodeMirror、jQuery 和 Marked 构建。GitHub:https://github.com/pandao/editor.md安装依赖# npm npm install jquery # yarn yarn add jquery资源下载下载editor.md的的文件,并放置到assets文件夹中,如src/assets/editor.md/也可以通过 .原创 2020-07-19 21:42:27 · 2042 阅读 · 0 评论 -
angular 路由传参的方式
1. 路由文件引入// 第一步:引入Router对象import {ActivatedRoute, Router} from '@angular/router'; // 第二步:在构造函数中注入 constructor(private activateRoute: ActivatedRoute, private router: Router) { }传参的类型get跳转和动态路由两种方式来实现(主要是两类,主动传参和被动传参)实现传参前,我们需要先在app-routing.modul原创 2020-05-13 23:07:33 · 5175 阅读 · 0 评论 -
Angular复制功能--ngxClipboard
ngx-clipboard适用angular2及更高的版本,且从angualr 6.0.0版本开始不再依赖任何js文件。依赖条件Angularngx-clipboard2.x7.x.x4.x8.x.x5.x10.x.x9.x.x13.x.x安装方式npm安装npm install ngx-clipboard --saveyarn安...原创 2020-04-02 18:37:21 · 8273 阅读 · 0 评论 -
Angular报错-Can't bind to 'ngModel' since it isn't a known property of 'input'
原因:这是因为在angular中使用表单控件的时候需要先引入表单模块。解决办法:需要在app.module.ts(或者其他使用的子模块)中imports就行了。import { FormsModule } from '@angular/forms';@NgModule({ imports: [ ..., FormsModule, ],})...原创 2020-04-01 17:57:52 · 5959 阅读 · 0 评论 -
angular公共组件的写法
angular的最大的优点便是它的组件化和模块化,本文要讲的是它的组件化:说到组件就必须说到组件通信,公共组件的通信方式就是父子组件通信.父子组件通信的三要素: input ,output和emit()@Input() 定义输入的变量@Output() 定义输出变量首先是子组件popup.html<div class="popup-wrapper"> <div ...原创 2019-12-17 20:49:51 · 6729 阅读 · 1 评论 -
angular 中请求接口 ,返回码是200 ,但是回调走的是error
一般出现这种问题,一定要检查请求头里面的Content-Type,因为你的请求是成功的,但是代码没有走success的回调,说明你的接受类型和返回的数据类型不一致.默认angular HttpClient请求的是json数据类型,但后台返回如果返回的是其他类型那么就出现这种现象了,所以我们在http.get()的方法中加入参数{‘responseType’:'text'}.也可以直接...原创 2019-11-08 20:18:20 · 3152 阅读 · 0 评论 -
Angular 拖拽功能之cdk-- drag-drop
Angualr drag-drop里面的功能能让我们非常方便的处理页面上视图的拖拽(自由拖拽、列表排序拖拽、列表之间拖拽)问题。官网:https://material.angular.io/cdk/drag-drop/examples。首先使用之前使用之前一定要先在当前组件的modules中导入DragDropModule 模块。(也适用于子模块)。app.modules.ts导入...原创 2019-11-05 00:32:10 · 9381 阅读 · 2 评论 -
在Angular项目中使用less
第一种情况是新建项目的时候:可以使用angular的脚手架,然后选择样式类型为less文件新建第二种情况,也是我要说明的是已有的项目,怎么添加less:1. 将*.css文件以及引用处的后缀名改为.less;2.在angular.json文件的schematics中添加如下配置:"schematics": { "@schematics/angular:component...原创 2019-09-11 19:38:44 · 3074 阅读 · 0 评论