用这个@NgModule()这个decorator,放在一个class的上面,这个class一个一个module了@NgModule()里面的参数是一个对象,用来配置的,声明这个module里面的一些co'mponents,directiv…
第一步准备好api接口地址,例如https://api.example.com/api/第二步在根组件app.module.ts中引入HttpClientModule模块。//app.module.tsimport{HttpClientMo…
文档:https://angular.io/guide/template-syntax#event-bindingTheAngularcompilermayrejectthesebindingswitherrorslikethisone:c…
AngularCli6禁用了webpack的自定义配置,官方似乎并未提供自定义配置webpack的方法。在此之前,可以使用ngeject把默认的webpack提取到代码中,进行自定义。还好有一个第三方库angular-builders对@a…
1.根目录1.1三大目录e2e目录:是端到端(end-to-end)测试;mode_modules目录:是angular6.1项目所依赖的第三方模块库文件;src目录:这时放置了我们项目的所有文件。1.2其他文件:.editorconfig…
angular6想要监听页面某些事件如点击window宽高使用@HostListener('click',['$event.target'])onClick(btn){console.log(btn);}待续。
上一节我们已经搭建好项目的基本骨架,现在我们就来对项目的整体结构进行规划,项目结构规划每个人每个公司都有不同的方式,我们不去论好坏还是是否合理,只要你当前觉得它是最好的实现就好,不过我还是建议去参考优秀项目的规划方式。项目结构设计总原则:一…
前后端分离项目,前端后端在不同的端口号上分别启动,调试时数据交互就会产生跨域问题。前端后端都有相应的解决方案。这里对前端的解决过程记录一下。angular6在项目根目录添加json文件proxy.config.json文件内容如下:{"/a…
1、安装file-saver、@types/file-saver和xlsxnpminstallfile-saver--savenpminstall@types/file-saver--save-devnpminstallxlsx--save…
创建自己的模块组件1.ngnew一个工程2.nggm创建模块例如我这里的modules文件下创建header模块3.nggcmodules/head创建一个hear组件,内容随意4.将modules模块exports出去,让其他模块可以使用…
参照草根专栏-ASP.NETCore+Ng6实战:https://v.qq.com/x/page/b076702elvw.html安装工具:Nodejs,npm最新版,https://nodejs.org/en/AngularCLI,npm…
需求:Angular6的环境下,在一个页面中有一个<a>标签,点击链接后,需要跳转到新的页面(注意新的页面是在浏览器的新窗口中打开)。方案:使用angular的路由功能,使用routerLink属性处理。具体过程:1、新建一个组…
为什么要配置多个环境变量?因为在实际的开发中,可能存在开发、测试或者正式多个环境变量,我们希望以一种输入不同的参数来切换不同环境的工作模式,所以需要配置多个环境变量。环境变量配置在environments文件下,默认情况下存在environ…
新建项目对于新建项目而言,在初始化项目时添加--styleless即可ngnew[projectName]--styleless修改现有项目第一步:将*.css文件以及引用处的后缀名改为.less;第二步:在angular.json文件的s…
一、利用Angular命令行工具生成一个服务。详情见:《Angular环境搭建》,服务代码如下:1import{Injectable}from'@angular/core';23@Injectable({4providedIn:'root'…