【Angular(二）】的更多相关文章

angular(二)

angularjs第二章 自定义指令 scope 控制器 AngularJS控制器控制AngularJS应用程序的数据,是常规的JavaScript对象. ng-controller指令就是用来定义应用程序控制器的,并且同时创建了一个新的作用域关联到相应的DOM元素上. 所谓作用域就是一个指向应用模型的对象,它是表达式的执行环境,作用域有层次结构,这个层次和相应的DOM几乎是一样的,作用域能监控表达式和传递事件并且可以从父作用域继承属性. 每一个AngularJS应用都有一个绝对的根作用域.但也…

Angular(二）

<!DOCTYPE html> <html lang="en" ng-app='myApp'> <head> <meta charset="UTF-8"> <title>购物车</title> </head> <body ng-controller='CartController'> <h1>Your Order</h1> <div ng-r…

Angular(二) - 组件Component

1. 组件Component示例 2. Component常用的几个选项 3. Component全部的选项 3.1 继承自@Directive装饰器的选项 3.2 @Component自己特有的选项 4. 自定义component 1. 组件Component示例 组件是由一个装饰器@Component来声明的,继承自@Directive import {Component} from '@angular/core'; @Component({ selector: 'app-root233',…

【Angular专题】——（1）Angular，孤傲的变革者

目录 一. 漫谈Angular 二. 如果你还在使用Angularjs 三. 我计划这样学习Angular技术栈 一. 漫谈Angular Angular,来自Google的前端SPA框架,与React,Vue并称前端框架的三驾马车,前些日子刚发布了7.0版本.它是一个十足的革命者,每一次亮相,都会把新的思想和软件层面的实现提供给开发者,从Angularjs1.0时代推翻jQuery的统治地位,到Angular2.0时代基于Typescript的全面升级,再到现在每半年一个大版本的高速更新迭代,…

angular编译机制

转载https://segmentfault.com/a/1190000011562077 Angular编译机制 前言 http://www.cnblogs.com/ztwBlog/p/6209759.html 这是我用来进行实验的代码,它是基于quickstart项目,并根据aot文档修改得到的.各位可以用它来进行探索,也可以自己基于quickstart进行修改(个人建议后者). 2018年2月17日更新:最近又做了2个小Demo用来研究Angular的编译和打包,基于Angular5,一个…

Angular 7开发环境配置

目录 前言 一.搭建项目  1.安装Angular CLI  2.创建项目  3.集成Element Angular 二.设置路由  1.创建路由模块  2.导入.导出RouterModule类  3.添加路由占位标签  4.创建路由跳转组件  5.添加路由跳转规则  6.实现跳转  7.获取当前路由参数 三.Elment Angular使用示例 四.总结 前言  Angular是目前主流的前端三大框架之一,它的上手稍有些难度,需要理解的概念很多,很多教程显得颇为复杂难懂.本文在作者自己探索的基…

AngularJS的相关应用

一.[AngularJS常用指令]        1.ng-app:声明Angular所管辖的区域.一般写在body或html上,原则上一个页面只有一个:           <body ng-app=""></body>                   2.ng-model:把元素值(比如输入域的值)绑定到应用程序的变量中.           <input type="text" ng-model="name"…

angular服务二

angular服务 $http 实现客户端与服务器端异步请求 get方式 test.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>test</title> </head> <body ng-app="myApp"> <div ng-contro…

angular学习笔记(二十九)-$q服务

angular中的$q是用来处理异步的(主要当然是http交互啦~). $q采用的是promise式的异步编程.什么是promise异步编程呢? 异步编程最重要的核心就是回调,因为有回调函数,所以才构成了异步编程,而回调有三个关键部分: 一是什么时候执行回调,二是执行什么回调,三是回调执行的时候传入什么参数. 就以最常见的jquery Ajax举例,发送一个请求后: 什么时候执行回调: 请求成功(或者失败)的时候 执行什么回调: 根据请求成功或者失败,执行相应的回调函数 回调执行的时候传入的什么…

Angular组件——组件生命周期(二)

一.view钩子 view钩子有2个,ngAfterViewInit和ngAfterViewChecked钩子. 1.实现ngAfterViewInit和ngAfterViewChecked钩子时注意事项 以父组件调用子组件方法 中例子为基础,在父组件中实现ngAfterViewInit和ngAfterViewChecked钩子. 这两个钩子是在组件的模版所有内容组装完成后,组件模版已经呈现给用户看了,之后这两个钩子方法会被调用. @ViewChild('child1') child1:Chil…