♥Angular学习♥

Angular学习笔记（三）搭建项目基础

一、Angular程序架构的基础Angular程序架构.png二、搭建Angular开发环境1.安装Nodejs，Angular，编辑器2.使用Angular-Cli创建并运行Angular项目3.分析Angular项目的目录结构及Angular-Cli生成的基础代码Angular项目分析.png三、启动Angular项目1.使用npminstall安装packge.json文件中的依赖（你也可以
Amundsen·2020-03-20 13:17

Angular学习6-路由

路由是导航的另一个名字。路由器就是从一个视图导航到另一个视图的机制。1.导航，那么我们专门做一个导航组件。这个组件只是导航使用。一般导航的都是第一个页面，而我们现在启动的就是app.component.ts。但是此页面目前显示的是列表，我们需要修改下，修改成从主页导航到列表页。那么我们如此做：(1)把app.component.ts文件改名为heroes.component.ts。(2)把AppC
价值投机168·2020-03-13 18:29

angular学习第二天

今天的实例是什么？是一个前端常见的tab标签页切换效果（效果预览如下）2180072-c814ce4716dff01a.png涉及指令ng-controllerng-showng-classng-click实现步骤与说明实现逻辑a.实现逻辑是我们设置一个变量（focusIndex）记录当前聚焦的是哪个b.设置一个函数（focus）来改变当前聚焦的tabc.当focusIndex==0的时候让优选圈
我是灰灰的小跟班·2020-03-07 04:26

angular学习笔记 -- 自定义指令

创建指令(function(){'usestrict';angular.module('moduleName').directive('directiveName',directiveName);functiondirectiveName(){return{restrict:'string',priority:number,template:'string',templateUrl:'string
wangxingkang·2020-03-06 22:34

Angular学习4-组件,组件通讯

小道消息：可以修改app.component.ts文件中的@Component下的为selector:'app-test'。这个时候，网页会显示空白，这个时候，需要修改此文件的上级目录下，即src目录下的index.html的看到这句话，基本明白是什么意思了。1.添加一个组件，其实就是添加一个xxx.component.ts的文件而已。然后在此文件中写上：import{Component}from
价值投机168·2020-02-29 13:08

Angular学习第二天

第天二学习目标如何递归显示数组列表内容如何响应点击事件如何更改CSS如何处理未定义变量在第一天工程上做修改打开app.component.ts文件创建一个用户列表数组constUSERS:User[]=[{id:1,name:'A'},{id:2,name:'B'},{id:3,name:'C'},{id:4,name:'D'},{id:5,name:'E'},];同时在AppComponent类
开心小乐宝·2020-02-28 20:51

Angular学习笔记（四）Angular Router 导航

学习路由基本知识学习子路由、保护路由、辅助路由等一、创建路由项目使用ngnewxxx--routing来创建一个带有angular官方路由的项目加routing参数，会新增一个app-routing.module.ts文件二、路由基础知识名称简介Routes路由的配置，保存着哪一个URL对应展示哪一个组件和在哪一个RouterOutlet展示RouterOutler在HTML中标记路由内容呈现的占
Amundsen·2020-02-22 21:13

5、angular学习第四天（子路由、辅助路由）

一、子路由创建两个子模块我们进入到product这个组件的目录下新建两个组件nggcomponentproductDescnggcomponentsellerInfo1、子路由的配置{path:'product/:id',component:ProductComponent,children:[{path:'',redirectTo:'desc',pathMatch:'full'},{path:'
LH_0811·2020-02-22 10:36

4、angular学习第四天（路由传参）

一、路由传参代码接上次的带routing的demo1、查询参数传参路由配置：{path:'product',component:ProductComponent},app.component.html页面中的a标签修改产品1产品2在调用路由的a标签里面添加queryParams在控制器中添加参数的获取import{Component,OnInit}from'@angular/core';impor
LH_0811·2020-02-20 22:59

9、angular学习第七天（依赖注入的工厂方式和值注入）

在使用提供器时可以使用工厂方式来声明另外可以直接提供一个值类型的提供器。具体使用方式如下import{BrowserModule}from'@angular/platform-browser';import{NgModule}from'@angular/core';import{AppComponent}from'./app.component';import{Product1Component}
LH_0811·2020-02-20 19:43

AngularJS学习第三天：用户地址管理

相关文章推荐Angular学习第一天：登录功能Angular学习第二天：tab标签页切换效果今天我们来做一下电商网站常见的地址管理功能实现功能显示地址列表设置默认地址删除某地址当用户没有地址时，显示没有地址首先我们来看下实际运行效果地址管理
小枫学幽默·2020-02-19 07:16

Angular学习3-数组的绑定，点击显示数组成员

1.创建一个数组数据，这个是模拟数据的。在app.component.ts文件中，申明一个数组并赋值：constHEROES:Hero[]=[{id:11,name:'Mr.Nice'},{id:12,name:'Narco'},{id:13,name:'Bombasto'},{id:14,name:'Celeritas'},{id:15,name:'Magneta'},{id:16,name:'
价值投机168·2020-02-18 12:13

Angular学习笔记（一）简介

前提Angular1.5到Angular4.0是重写的语言，Angular1简称AngularJs，Angular4简称Angular。学习的大纲1.AngularJs和Angular的架构介绍和对比2.搭建angular开发环境3.路由和导航（路由基础知识，在路由时传递参数，路由高级特性）4.依赖注入（依赖注入模式介绍，Angular对依赖注入的实现方式，Angular的提供器和注入器）5.绑定
Amundsen·2020-02-15 16:28

angular学习分享

Angular7入门总结篇一、Angular介绍根据项目数统计angular(1.x、2.x、4.x、5.x、6.x、7.x)是现在网上使用量最大的框架Angualr基于TypeScript和react、vue相比,Angular更适合中大型企业级项目。目前2018年11月25日angular最新版本angular7.x。根据官方介绍，Angular每过几个月就会更新一个版本。此教程同样适用于后期
痞_4fc8·2020-02-02 12:45

Angular学习笔记(4)—内置指令

基础ng属性指令布尔属性布尔属性代表一个true或false值。当这个属性出现时，这个属性的值就是true（无论实际定义的值是什么）。如果未出现，这个属性的值就是false。当在AngularJS中使用动态数据绑定时，不能简单地将这个属性值设置为ture或false，因为根据标准定义只有当这个属性不出现时，它的值才为false。因此AngularJS提供了一组带有ng-前缀版本的布尔属性，通过运算
oWSQo·2020-01-05 22:42

Angular学习(01)-架构概览

声明本系列文章内容梳理自以下来源：Angular官方中文版教程官方的教程，其实已经很详细且易懂，这里再次梳理的目的在于复习和巩固相关知识点，刚开始接触学习Angular的还是建议以官网为主。因为这系列文章，更多的会带有我个人的一些理解和解读，由于目前我也才刚开始接触Angular不久，在该阶段的一些理解并不一定是正确的，担心会有所误导，所以还是以官网为主。正文-架构概览接触Angular大概一个月
请叫我大苏·2020-01-05 16:36

Angular学习笔记

为何需要MVC代码规模越来越大，切分是大势所趋为了复用：逻辑，用法一样的模块后期维护方便：修改一块功能不影响其它功能MVC只是手段，终极目标是模块化和复用一切从模块开始模块之间依赖注入双向数据绑定要点Controller使用过程中的注意点不复用----------------（一个控制器一般只负责一小块视图）不操作DOM-------------（非其职责）/用Angularjs中directiv
shangpudxd·2020-01-03 21:08

Angular学习笔记之ng表单验证

本人即将大四，小白一个，这是第一次在学习论坛上写点东西，因为想养成一个随时记录自己学习进程的好习惯。因为公司里使用的是Angular，so断断续续学习了半个月左右，现在到了检验的时候。一些Angular基础的标签我就不说了，先从我比较感兴趣也是比较简单的表单验证开始入门吧。（大神就还是不要往下看啦0.0）首先，构建的表单几点要求：1.确保form上标签有一个name属性，像下面的例子一样。最好再加
山有木兮_卿有意·2019-12-19 15:40

Angular学习笔记(8)—依赖注入

一个对象通常有三种方式可以获得对其依赖的控制权：在内部创建依赖通过全局变量进行引用在需要的地方通过参数进行传递依赖注入是通过第三种方式实现的。其余两种方式会带来各种问题，例如污染全局作用域，使隔离变得异常困难等。依赖注入是一种设计模式，它可以去除对依赖关系的硬编码，从而可以在运行时改变甚至移除依赖关系。从功能上看，依赖注入会事先自动查找依赖关系，并将注入目标告知被依赖的资源，这样就可以在目标需要时
oWSQo·2019-12-18 02:11

Angular学习笔记

Angular1.创建模块：varoneApp=angular.module("myApp"，[])第一个参数是模块名，第二个参数是填所依赖的模块。返回模块对象。只传一个参数是获取。2.给刚刚添加的oneApp模块对象添加控制器，一定要在方法前注入要使用的$参数：oneApp.controller('oneController',[‘$scope’,’$http’，function($scope,
于晓鱼·2019-12-16 04:50

angular学习笔记

1.ng-app="";指令初始化一个AngularJS应用程序，定义AngularJS的使用范围；2.ng-init="变量＝值；变量＝值"定义初始变量值，若有多个，分号隔开;例如：ng-init="persion={first:1,last:2}"->{{persion.first}}->1;ng-init="persion=1;cost=5"->{{persion}}->1ng-init="
_喵了个喵_·2019-12-07 01:18

[Angular学习笔记]Angular CLI详解【转】

AngularCLI是什么？AngularCLI是一个命令行接口(CommandLineInterface)，用于实现自动化开发工作流程。它允许你做以下这些事情：创建一个新的Angular应用程序运行带有LiveReload支持的开发服务器，以便在开发过程中预览应用程序添加功能到现有的Angular应用程序运行应用程序的单元测试运行应用程序的端到端(E2E)测试构建应用程序在详细介绍Angular
salt_fash·2019-12-06 07:57

angular学习笔记

Angular:框架：对程序员的限制高库：jquery，bootstrap——使用灵活，对程序员的限制少它是MVC框架精确定义是MVVM框架mv*SPA(singlepageapplication)移动端MVC:M:Model模型——数据V:View视图C:Controller控制器MVC分离:1.数据、逻辑、表现层代码的分离2.分工**学好:它最核心的核心的东西就是数据以前写JS:存在大量的重复
新篇章·2019-12-06 06:20

AngularJS学习第二天：tab标签页切换效果

相关文章推荐Angular学习第一天：登录功能今天的实例是什么？
小枫学幽默·2019-11-05 21:23

Angular学习第六天：angular的路由

相关推荐第三天学习什么是路由？一个Singlepageapplication（即：单页面应用，以下简称SPA）包含很多个子页面，如：登录、注册、商品列表，订单列表，地址添加等等，这就相当于一个一个乘客拿的票（即用户请求不同的页面），路由这个时候就是那个管理员了，他负责找到用户请求的页面相关的资源并返回给浏览器（即展示用户请求的页面）注：angular中的路由切换为无刷新切换页面，这就是SPA的之所
我是灰灰的小跟班·2019-11-01 12:44

Vue真是太好了 壹万多字的Vue知识点 超详细!

️1⃣️、Vue和其他两大框架的区别Angular学习成本太高React代码可读性差Vue学习成本较低很容易上手传送门https://cn.vuejs.org/v2/guide/comparison.html️2⃣️
蓝海00·2019-07-25 14:08

[Angular学习笔记]Angular模板语法

模板语法Angular应用管理着用户之所见和所为，并通过Component类的实例（组件）和面向用户的模板交互来实现这一点。从使用模型-视图-控制器(MVC)或模型-视图-视图模型(MVVM)的经验中，很多开发人员都熟悉了组件和模板这两个概念。在Angular中，组件扮演着控制器或视图模型的角色，模板则扮演视图的角色。这是一篇关于Angular模板语言的技术大全。它解释了模板语言的基本原理，并描述
salt_fash·2019-07-13 14:16

[Angular学习笔记]Angular生命周期

生命周期是什么？生命周期函数通俗的讲就是组件创建、组件更新、组件销毁的时候会触发的一系列的方法。当Angular使用构造函数新建一个组件或指令后，就会按下面的顺序在特定时刻调用这些生命周期钩子方法。生命周期的顺序当Angular使用构造函数新建一个组件或指令后，就会按下面的顺序在特定时刻调用这些生命周期钩子方法：钩子用途及时机ngOnChanges()@input属性(输入属性)发生变化时，会调用
salt_fash·2019-07-12 14:38

angular学习资源

新换了工作，需要使用angular，从今天开始学习angular的旅程。这篇文章share一下我看到的一些学习资源。同时，我也share一些自己对这些资源的学习笔记。angular基础：Angular6tutorialforbeginners学习笔记angular-cli工具：Angular-cli官网资源不断更新中。。。
cyuamber·2019-06-03 12:13

Angular学习资料

Angular是一款面向企业级应用开发的前端框架，掌握好Angular相关技术，有助于我们提升开发效率，编写高质量的前端代码。Angular1.x版本AngularJS诞生于2009年，由MiskoHevery等人创建，后为Google所收购。是一款优秀的前端JS框架，已经被用于Google的多款产品当中。AngularJS有着诸多特性，最为核心的是：MVW（Model-View-Whatever
weixin_33795833·2019-05-07 07:03

Angular学习（03）--lint检查规范和WebStorm小技巧

在开始讲Angular各个核心知识点之前，想先来讲讲开发工具WebStorm的一些配置以及相应配置文件如tslint.json的配置。因为我个人比较注重代码规范、代码风格，而对于这些规范，我只有一个观点：一切需要依赖开发人员的主观意识去遵守的规范都没有多大意义。以前做Android开发时会借助AndroidStudio来强制遵守一些规范，现在前端项目我用的是WebStorm开发，这两个开发工具本质
请叫我大苏·2019-03-22 23:29

Angular学习（02）--Angular-CLI命令

声明本系列文章内容梳理自以下来源：Angular官方中文版教程官方的教程，其实已经很详细且易懂，这里再次梳理的目的在于复习和巩固相关知识点，刚开始接触学习Angular的还是建议以官网为主。因为这系列文章，更多的会带有我个人的一些理解和解读，由于目前我也才刚开始接触Angular不久，在该阶段的一些理解并不一定是正确的，担心会有所误导，所以还是以官网为主。正文-Angular-CLI命令Angul
请叫我大苏·2019-03-13 10:19

【Angular学习笔记】环境准备,并使用脚手架Angular -cli 搭建项目

1.下载并安装node.js下载node.js2.下载并安装nmp3.验证是否安装成功命令：node-vnmp-v4.全局安装教授angular-cli，并验证是否安装成功安装命令：npminstall@angular/cil-g（下载。。。。。)如果因网络原因什么的，安装失败，自需要命令删除，命令：npmuninstall-gangular-cli5.使用脚手架angular-cli搭建angu
Orient_·2019-03-05 00:00

前端学习资料

angular学习：1：英雄指南2：freecodecamp2.1:freecodecamp-12.2:freecodecamp中文网3：animate.css-跨浏览器的css动画库4：codepen5
Nautilus_诺第留斯·2019-02-22 17:36

Angular学习笔记

Angular学习笔记1.初识angular安装npminstallangular在页面的HTML部分添加angular标签//表示html标签内可以作为angular的view部分在JavaScript
逆风奔袭·2019-02-19 09:56

大前端学习路线

angular学习路线javaScriptH5CSSNodeJsAngularVueReactNative等概念的关系阐述区分angular-cli和angularjs和angular2学习路线javaScriptH5CSSNodeJsAngularVueReactNative
TianLiaoFeiJue·2019-02-11 00:00

angular学习之动态创建表单的方法

准备工作使用ngnewasync-form创建一个新工程，在app.module.ts中引入ReactiveFormsModule模块并在根模块中导入import{ReactiveFormsModule}from'@angular/forms';@NgModule({imports:[ReactiveFormsModule]})构建表单元素的基类exportclassQuestionBase{va
huangmin16·2018-12-07 09:03

Angular五种服务详解

（转自http://www.cnblogs.com/liulangmao/p/4078246.html）在这之前angular学习笔记(十五)-module里的'服务'这篇文章里,已经大致讲解了ng中的
Super_LD·2018-10-10 11:20

Angular学习笔记1

我们按照Angular官方教程开始建立第一个应用。第一个应用安装node&npmAngular通过npm(NodePackageManager)进行安装,再次之前需要先安装Node.js�(请移步到官网)。提示：Node.js版本至少需要6.9.x,用node-v查看。npm版本至少需要3.x.x,用nmp-v查看。安装Angular执行命令npmi-g@angular/cli将Angular安装
啤酒沫·2018-09-19 13:14

Angular--响应式编程

前言Angular学习非常的有趣，而且要学的内容非常多，这次给大家介绍一下如何响应式编程。
罗俊-Everns·2018-08-29 10:14

Angular学习之个人浅谈

现如今的前端蓬勃发展，已经产生了各种各样的前端框架。其中比较主流的像Angular、React、Vue等，都是基于MVVM思想开发的前端框架。为什么选择Angular？当然是因为公司在用angular了，目前一直在用新的angular。作为开发人员的自己，当然要跟上步伐。最初用angular时，还是1.x的版本，那个版本的angular写的贼痛苦，当时学习起来也挺费力的，刚开始在接触在前段用面向对
小菜鸟的进阶路·2018-08-18 16:26

Angular学习笔记

生成项目用stylus的时候写成下面这样，这个坑搞了我2天ngnewxxx--styles=styl//而不是stylus创建带路由的项目ngnewxxx--routing获取dom不建议直接对dom进行操作，这种情况一般用于绑定插件时@ViewChild('wrapper')wrapper:ElementRef;//写在dom的当前组件内绑定插件绑定better-scroll的时候要写在ngAf
snakeninja110·2018-08-13 17:19

Angular学习笔记

一：学习记录3,@viewchild()修饰器相关：@ViewChild('myname'/Component,{read:ViewContainerRef,static:true})target:targetType;read参数的含义：https://stackoverflow.com/questions/37450805/what-is-the-read-parameter-in-viewc
everest33·2018-07-08 10:00

angular学习006在angular6.0.8使用ng generate service创建服务报错

1、使用nggenerateservice创建服务D:\angular\my-app\src\app\service>nggenerateservicetestCREATEsrc/app/service/test.service.spec.ts(362bytes)CREATEsrc/app/service/test.service.ts(133bytes)2、使用webtorm打开直接报错test
lich0609·2018-06-10 09:21

Angular学习教程之RouterLink花式跳转

前言除了使用Router的navigate()方法切换路由，Angular2还提供了一个指令用来将一个DOM对象增强为路由入口：@View({directives:[RouterOutlet,RouterLink]template:`video|music`})RouterLink指令为宿主DOM对象添加click事件监听，在触发时调用Router的navigate()方法进行路由。不过本文主要介
莫莫莫·2018-05-03 11:55

Angular学习笔记（二十七）说一说Angular的组件样式

以下所有代码的演示地址：戳这里=>demo展示组件样式独立组件之间的样式并不互相影响，也就是说，在A组件编写的样式不会渲染到B组件。app.component.html@Component({selector:'my-app',template:`我是父组件的h1`,styles:[`h1{color:red;}`]})detail.component.html@Component({select
BAOBAB_cc·2018-04-22 16:21

Angular学习笔记之集成三方UI框架、控件的示例

本文介绍了Angular学习笔记之集成三方UI框架、控件的示例，分享给大家，具体如下：安装MaterialUI方法：Material官网：https://material.angular.iostep1
Wayfreem·2018-03-23 11:18

Angular学习笔记之集成三方UI框架、控件

安装MaterialUI方法：Material官网：https://material.angular.iostep1:npminstall--save@angular/material@angular/cdkstep2:npminstall--save@angular/animationsstep3:angular.cli"../node_modules/@angular/material/pre
Wayfreem·2018-03-23 00:00

Angular学习笔记（二十二）表单处理之校验器

自定义校验器基本语法：xxx(params:AbstractControl):{[key:string]}:any{renturnnull;}传入参数类型是AbstractControl，是FormGroup、FormControl和FormArray的共同父类，传入参数声明了校验器用于什么对象类型（前面提到的3种）上返回值类型为任意类型，其中返回对象类型中的key键是string类型，可通过er
BAOBAB_cc·2018-02-25 16:39

Angular学习笔记

配置开发环境开发工具Node.jsVSCode/WebStorm搭建NexusNPM私服概念和配置方法与Maven私服相同，分为proxy、hosted、group三类。创建proxy如下：RemoteURL:https://registry.npmjs.orghosted、group创建方法不再赘述。创建完毕后在home下创建.npmrc文件，其内填写group地址，如下：registry=ht
川川Jason·2018-02-24 11:25
上一页 1 2 3 4 5 6 7 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他