angular

angular4 如何查看angular项目的版本号、项目结构

查看项目版本号 1、新建完成项目以后打开package.json scripts下面是一些预定义的项目命令: start 是运行项目的意思, 执行npm start即可, 或者直接执行ng serve也可以. npm build / ng build 是执行构建……. 不一一介绍了. 然后看下dependencies: 我们使用的是angular 5.2.0, 前面的^符号表示, 我们使用的版本 »

angular4 子路由配置以及模块懒加载 路由守卫

1.创建angullar4 项目     ng  new  NGVAL 2.创建登录页面 添加响应式表单验证  以及主界面  前端UI采用的adminLTE adminLTE 应用如下: 3.完成后项目结构如下: 4.前端工作流程:默认进入登录页面——(主路由)——>验证登录————>进入main模块———(子路由)———>默认进入home页面 上代码了: 主路由配置(模块懒 »

Angular2 Material Design开发环境搭建

Angular2和Angular1有什么区别?就是Java和Javascript,雷锋和雷锋塔的区别。刚会用Angular1做些小项目,发现Angular2来了,据说性能上提升还是蛮多,所以还是从0开始吧。Angular2虽然还是支持用es5代码开发,但连官方教程都已经用TypeScript,对于之前没有接触过的人来说,学习还是有些成本的。 作为一个新手,搭建环境还是折腾了很久,所以记录下来方便其 »

Angular在Java开发人员中更受欢迎,Python和Node.js开发人员更喜欢React

“ JavaScript生态系统比以往任何时候都更加丰富,即使是最有经验的开发人员,在考虑每个阶段的众多选项时也会开始犹豫,” JavaScript状况2017年说。 他们没有错,这是肯定的。 JavaScript世界目前正在发生许多事情,我们很高兴通过展示开发人员在不同库和框架上的经验来提供帮助。 实际上,新的《 JAX Magazine》问题与JavaScript有关。 您可以立即获取免费 »

angular6新建项目,整合AntD(ng-zorro-antd)

1、新建angular项目: 在自己的code目录下,进入cmd,输入命令 ng new myApp --style=scss 其中,myApp是你自己的应用名称。 2、AntD服务于企业级产品的设计体系,基于确定和自然的设计价值观上的模块化解决方案,让设计者和开发者专注于更好的用户体验。ng-zorro-antd是AntD的angular实现,是angular官方推荐的组件库,因此,我们引入该 »

angular的基本语法——打破高难度入门观念 (基础篇2)

angular语法基于typescript,这里接不一一列数typescript和JavaScript语法有什么具体区别了,我们只以能使用abgular为前提。 感兴趣的人也能到:https://www.tslang.cn/   详细查看typescript文档查看 1.定义数据  我们打开一个子组件,在创建的对象的花括号里的顶部去定义数据。 方式一:public 变量:数据类型=数据值。 »

【Angular】启动过程与结构分析

一、Angular项目的结构 用vscode打开建立的项目: e2e:端到端的测试 node_modules:第三方模块库 src:项目所有文件存在这里       -app:组件以及app.modules.ts定义跟模块;       -assets:静态资源       -environments:包含为项目准备的环境文件;       -index.html:主页面     »

Step4:Angular调试方法

1.方法一: 采用VSCode编译器,下载插件debugger for chrome; 选择调试,然后再选择chrome浏览器,在运行中输入npm start执行,就可以在代码中打断点了 2.方法二: 在浏览器中按F12打开开发者工具,Sources->Open File,然后在输入框中输入需要调试的文件,直接打断点即可。 »

angular5.x UI 框架 ant desigin 介绍 安装 使 用

一、Angular5 UI 库 Ant Desigin 介绍 Ant Design 是我们(蚂蚁金服 Ant Design 团队)开发的一款优秀的前端框 UI 库架支持 React 和 Angular5。 Ant Design 很久以前只支持 React,但是 Facebook React 开源协议修改后, 阿里巴巴 Ant Design 团队开始了 Angular5 的支持。 据了解,Faceb »

【华为云技术分享】三大前端技术(React,Vue,Angular)探密(下)

【华为云技术分享】三大前端技术(React,Vue,Angular)探密(上) 【Angular】 Angular(通常被称为 "Angular 2+"或 "Angular v2及以上版本")是一个基于TypeScript的开源Web应用框架,由Google的Angular团队和由个人以及企业组成的社区领导。 Angular是由构建AngularJS的同一个团队从零开始重写的。 Angular和A »

使用angular2的http交互注意的问题

1.模拟一个web api,否则不能实现交互,模拟方法按照官网上的步骤 在app.module.ts中引入 import {InMemoryWebApiModule} from ‘angular-in-memory-web-api’; 并且吧InMemoryWebApiModule添加到imports数组中,使用这个模块就会模拟出一个web api 无论是get方法还是post方法都要依赖 »

【软件更新】Angular 10.1.0 发布

Angular (通常是指 "Angular 2+" 或 "Angular v2 及更高版本")是一个基于 TypeScript 的 开源 Web 应用框架,由 Google 的 Angular 团队以及社区共同领导。Angular 是由 AngularJS 的同一个开发团队完全重写的。 目前,Angular 10.1.0 已发布,如需了解详细更新,请点击阅读原文查看。 »

Angular 组件之间数据的传递 之 @Input @Output

1. App组件中包含children组件,那么从App组件向children组件传递数据,如图: 1.1 在children组件中,导入Input,然后用@Input() 修饰一个item属性。 1.2 在App组件的html中将children组件的item属性赋值。这样App组件就会通过children组件的item属性给其赋值。 2. App组件中包含children组件,那么从ch »

Angular ng-container使用的一个例子

Angular官网里对ng-container的介绍: The Angular is a grouping element that doesn’t interfere with styles or layout because Angular doesn’t put it in the DOM. 不会出现在最后渲染出的页面里,只是一个包裹其他element的容器。 一个例子: 最后生成的h »

angular路由之子路由和辅助路由

{path:'home',component:HomeComponent}(主路由) { path:'home',component:HomeComponent, chilren:[ {path:'/xxx',component:xxComponent}; {path:'/yyy’,component:yyyComponent} ] } 2)辅助路由 (1)在app组件的模板中再 »

angular6使用laydate时onchange事件无效的解决方法

angular6使用laydate时onchange事件无效的解决方法 laydate控件绑定的input输入框不识别onchange事件,但laydate的回调中自带done方法可以识别input value的变化 当laydate日期控件的值清空,确定时都会触发done方法,该方法返回3个参数,分别是当前的value值,开始日期时间对象,结束日期时间对象 »

自整理 angular入门 ——打破高难度入门观念 (基础篇1)

     前言:       很多人都觉得angular相对于vue和react来说入门成本太高,但也许大部分后来人都是先学的vue或react,才来学angular的,所以会对angular这种MVC模式很不习惯,所以会产生入门很难的错觉,因此本人写了一个简单的入门教程,想学angular的小白可以看看。 注意:本人这里直接以路由项目解说 一.angluar的背景 曾经:在12年到16年 »

angular4路由

1  目录结构 2   app.module.ts import { BrowserModule }from '@angular/platform-browser'; import { BrowserAnimationsModule }from '@angular/platform-browser/animations'; import { NgZorroAntdModule }fr »