angular自己的笔记

Angular快速学习笔记（2） -- 架构

0. angular 与angular js angular 1.0 google改名为Angular js 新版本的,2.0以上的,继续叫angular,但是除了名字还叫angular,已经是一个全新的开发框架了. Angular 是一个用 HTML 和 TypeScript 构建客户端应用的平台与框架. Angular 本身使用 TypeScript 写成的.它将核心功能和可选功能作为一组 TypeScript 库进行实现,你可以把它们导入你的应用中. 全新的Angular 是一个用 HTM…

Angular 快速学习笔记(1) -- 官方示例要点

创建组件 ng generate component heroes {{ hero.name }} {{}}语法绑定数据管道pipe 格式化数据 <h2>{{ hero.name | uppercase }} Details</h2> [(ngModel)] 双向绑定,form需要引入FormsModule AppModule 放置元数据(metadata) a. @NgModule 装饰器 imports导入外部模块 b. declarations 放置组件 @NgModule…

Angular【学习笔记】

1.angular入门网站感谢@菜鸟教程:http://www.runoob.com/angularjs/angularjs-tutorial.html 学习笔记:…

Angular JS 学习笔记(自定义服务：factory，Promise 模式异步请求查询:$http,过滤器用法filter，指令:directive)

刚学没多久,作了一个小项目APP,微信企业号开发与微信服务号的开发,使用的是AngularJS开发,目前项目1.0版本已经完结,但是项目纯粹为了赶工,并没有发挥AngularJS的最大作用,这几天项目到了测试那边,自己正好闲下来了,可以把项目优化一下,目标是做成SPA(单页面应该程序),因为Android版本实在是卡得不行,iPhone上面运行还可以见得了人.不得不优化,SPA做完了,还要做本地化存储.OK,把今天的笔记写下来,回家再完善 ##ListController.js /// <ref…

angular 2 animate 笔记

好久没有在这里写点笔记了.时隔已久,angular1 去 angular2 咯笔记来源:https://angular.cn/docs/ts/latest/guide/animations.html 动画基于这标准:https://w3c.github.io/web-animations/ 以下是基本设置 template: ` <button (click)="heroState = 'active'">enter</button> <button (…

Angular 4 学习笔记从入门到实战打造在线竞拍网站基础知识快速入门个人感悟

最近搞到手了一部Angular4的视频教程,这几天正好有时间变学了一下,可以用来做一些前后端分离的网站,也可以直接去打包web app. 环境&版本信息声明运行ng -v @angular/cli: 1.2.0 node: 8.1.2 os: win32 x64 @angular/* 4.2.5 ... 好吧,那就顺便写个笔记/教程/备忘/博客咯安装Angular脚手架安装的时候选择全局安装 npm install @angular/cli -g 创建Angular项目运行命令 ng n…

Angular.JS学习笔记——1

内容来自:http://www.runoob.com/angularjs/angularjs-intro.html AngularJS 是一个 JavaScript 框架.它是一个以 JavaScript 编写的库. 我们建议把脚本放在 <body> 元素的底部.这会提高网页加载速度,因为 HTML 加载不受制于脚本加载. AngularJS 通过 ng-directives 扩展了 HTML. ng-app 指令定义一个 AngularJS 应用程序. ng-model 指令把元素值(比如输…

angular.js学习笔记之一

angular也是一个MVC框架,其中M即model模型表示服务器,V即view视图代表html代码,C即control控制器用来处理用户交互的部分.…

angular知道怎么用了, 就打算读一读源代码; <html ng-app="phonecatApp"> <head> <meta charset="utf-8" /> <script src="http://cdn.bootcss.com/jquery/2.1.1-rc2/jquery.min.js"></script> <!--这个angular就是下面我贴出来的JS代码--…

Angular.js 学习笔记

AngularJS 通过新的属性和表达式扩展了 HTML. AngularJS 可以构建一个单一页面应用程序.  <div ng-app="" ng-init="firstName='John'"> <p> 名字 : <inp…

angular的directive笔记

原贴地址 1,tansclude: 是指令能够能够把外部定义的内容传回指令模板内部(通过在内部标签使用ng-transclude).这个外部指定的内容是根据外部的作用域控制的,跟指令的作用域无关.这个跟指令的模版解析是不一样的,指令模板解析的思路是模板-指令定义作用域名-外部作用域或者模板-指令定义作用域名-元素属性-外部作用域.当想要把任意内容引入到指令中时就需要开启这个功能. 2, '&'绑定: &绑定使我们可以在指令的作用中调用传递的函数,但是运行在注册时候定义的作用域上下文.绑定的…

angular ng-class使用笔记

在前面Angularjs开发一些经验总结中说到在angular开发中angular controller never 包含DOM元素(html/css),在controller需要一个简单的POJO(plain object javascript object),与view完全的隔离(交互angularjs框架的职责. 1.但在某些项目中看见controller涉及DOM的元素最多的是在controller scope上定义某变量,其值为class name,形如: function ctr($…

Angular源代码学习笔记-原创

时间:2014年12月15日 14:15:10 /** * @license AngularJS v1.3.0-beta.15 * (c) 2010-2014 Google, Inc. http://angularjs.org * License: MIT */ (function(window, document, undefined) {'use strict'; /** * @description * * This object provides a utility for produc…

Angular JS 学习笔记（二）

1. AngularJS 是一个 JavaScript 框架.它可通过 <script> 标签添加到 HTML 页面.AngularJS 通过指令扩展了 HTML,且通过表达式绑定数据到 HTML. 2. AngularJS 是一个 JavaScript 框架.它是一个以 JavaScript 编写的库.AngularJS 是以一个 JavaScript 文件形式发布的,可通过 script 标签添加到网页中: <script src="http://apps.bdim…

Angular JS 学习笔记（一）

1. 菜鸟教程:http://www.runoob.com/angularjs/angularjs-tutorial.html 2. Angular JS中文网:http://www.apjs.net/…

angular.js学习笔记：实现商品价格计算实例

<!DOCTYPE html> <html lang="en" ng-app>  <meta charset="UTF-8"> <title>Document</title> <script src='angular.min.js'></script> <script type="text/java…

Angular.js学习笔记（一）

- angular中最重要的概念是指令(directive)- ng-model 是双向数据绑定的指令,效果就是将当前元素的value属性和模型中的[user.name]建立绑定关系### 模块(Module)- 我们可以通过angular.module创建一个模块- angular.module方法传递两个参数才是创建模块,一个参数是获取模块### 控制器(Controller) -常用方法:<html lang="en" ng-app="HelloApp"…

Angular.js学习笔记（三）

一.过滤器 1.uppercase,lowercase 大小写转换{{ "lower cap string" | uppercase }} // 结果:LOWER CAP STRING{{ "TANK is GOOD" | lowercase }} // 结果:tank is good2.date 格式化{{1490161945000 | date:"yyyy-MM-dd HH:mm:ss"}} // 2017-03-22 13:52:253.n…

Angular.js学习笔记（二）

用A链接对象解析url的组成 var url = 'https://www.baidu.com:8080/aaa/1.html?id=10#name'; var aLink = document.createElement('a'); aLink.href = url; console.log(aLink);//<a href="https://www.baidu.com:8080/aaa/1.html?id=10#name"></a> console.log(…

TypeScript|Angular踩坑笔记

今天按照Angular官网玩了下demo程序,踩了个小坑,记录下. TypeScript可以将变量申明为自定义类型,同时也不对该类型进行检查(不像C#,如果没有这个类型会报错) 比如下面这样: 如果我对testurl进行赋值那么问题窗口就会提示,如下图... 我今天就是把=号写成了:号,害的我在程序里调用url时候报错!!!! 实验证明TypeScript可以先申明变量后再赋值,也可以在申明时候即赋值: 申明并赋值变量的语法(如下申明全局私有变量): private url='hhh'; 申明…

angular.js学习笔记(二)

1.安装core ,shared模块 ng g m core ng g m shared 2.在shared中导入core模块 core模块只加载一次所以将公共组件放到core中 3.创建公共组件: ng g c core/header --spec=false 创建header组件,并且不使用测试 4.在core.moudles.ts中exports导出 @NgModule({ declarations: [HeaderComponent, FooterComponent, Sideb…

angular.js学习笔记（一）

1.angular单项数据绑定 2.不要使用控制器的时候: 任何形式的DOM操作:控制器只应该包含业务逻辑.DOM操作则属于应用程序的表现层逻辑操作,向来以测试难度之高闻名于业界.把任何表现层的逻辑放到控制器中将会大大增加业务逻辑的测试难度.ng 提供数据绑定 (数据绑定) 来实现自动化的DOM操作.如果需要手动进行DOM操作,那么最好将表现层的逻辑封装在指令中格式化输入:使用 angular表单控件代替过滤输出:使用 angular过滤器代替在控制器间复用有状态或无状态的代码:使…

Angular开发小笔记

一.父组件怎么覆盖子组件的样式呢 1./deep/(不建议这么做,以后angular会取消,因为这样写不利于组件的独立性) 在父组件的scss里面写: :host{ 子组件名 /deep/ label{ color:red } } 这样就可以覆盖掉子组件label的color了 2.host和host-context 在子组件的scss里面写: :host(.自身加的class){ label{ color:red; } } 或者 :host-context(父组件名){ label{ colo…

angular.js学习笔记--概念总结

好久没更新了,现在开始学习学习angularjs,并且把学习到的一些知识总结记录一下,方便以后查找以及希望能给初学者一些帮助!(由于本人也是初学ng所以各位慎重理解!) 废话不多说,开始! $rootScope 和 $scope: $rootScope是angular中最接近全局作用域的对象,是所有$scope对象的最上层! $scope对象就是一个普通的js对象,我们可以在其上随意修改和添加属性,并且其在angular中充当数据模型,它是所有属性都可以自动呗视图访问到,但是它并不负责数据的处理…

Angular快速学习笔记(4) -- Observable与RxJS

介绍RxJS前,先介绍Observable 可观察对象(Observable) 可观察对象支持在应用中的发布者和订阅者之间传递消息. 可观察对象可以发送多个任意类型的值 -- 字面量.消息.事件. 基本用法和词汇作为发布者,你创建一个 Observable 的实例,其中定义了一个订阅者(subscriber)函数. 当有消费者调用 subscribe() 方法时,这个函数就会执行. 订阅者函数用于定义"如何获取或生成那些要发布的值或消息". 要执行所创建的可观察对象,并开始从中接收通…

Angular快速学习笔记（3） -- 组件与模板

1. 显示数据在 Angular 中最典型的数据显示方式,就是把 HTML 模板中的控件绑定到 Angular 组件的属性. 使用插值表达式显示组件属性要显示组件的属性,最简单的方式就是通过插值表达式 (interpolation) 来绑定属性名. 要使用插值表达式,就把属性名包裹在双花括号里放进视图模板,如 {{myHero}}. import { Component } from '@angular/core'; @Component({ selector: 'app-root', te…

angular 学习理解笔记

原文:https://github.com/eoinkelly/notes/blob/master/angular/book-building-web-apps-w-angular/angular.md --------------------------------------------------------------------------------- Modules You can create and retrieve modules with the angular.modul…

angular路由学习笔记

文章目录标签routerLink路由传递参数 url中get传值定义路由获取参数配置动态路由定义路由获取参数 API js路由跳转配置动态路由定义路由获取参数 get传值定义路由获取参数标签routerLink路由传递参数 url中get传值 // queryParams 传递的是一个对象 <a [routerLink]="[ '/endpage/']" [queryParams]="{name:'huangbiao',age:30}"…

angular 报错笔记

1.错误信息: Failed to instantiate module app due to: Error: [$injector:unpr] http://errors.angularjs.org/1.5.8/$injector/unpr?p0=showE... at http://localhost:6664/hospital/assets/js/angular.min.js?v=1499753083736:6:412 at http://localhost:6664/hospital/a…

【Angular】学习笔记-环境部署、项目建立相关

Angular官网>搭建环境首先要安装Node.js.官网>Download 一直next就好了. 安装node.js的目的是使用npm这些命令啦然后这里推荐下载使用git SCM 也就是一个类似于控制台的软件,不过功能更加强大. 官网>Git for Windows. 安装完成后鼠标右击任意地方就会多出这俩个选项.第一个是图形化的界面emmm我没怎么用.第二个就是像CMD那样的窗口,不过有五颜六色的黑!! 环境部署到这里就差不多了.假如第一次安装的话,使用一下命令就能建立你的第一个…

【angular自己的笔记】的更多相关文章