angular路由模块（二）

【angular路由模块（二）】的更多相关文章

angular路由模块（二）

上一章写的是如何创建一个简单的路由,这一样我们来看看如何创建一个路由模块.angular的思想就是(模块,组件,子组件.....). 我们在src/app目录下创建一个跟路由模块app-routing.module.ts文件. import { NgModule } from '@angular/core'; import { RouterModule, Routes } from '@angualr/router';//引入路由模块 import { CrisisListComponent…

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基础(二) 组件的使用

一.简单操作 a) 使用Angular CLI可以快速创建项目框架,先运行 $ npm install –g @angular/cli@1.0.0安装CLI,为CLI的位置设置环境变量,然后就可以全局使用ng命令了. 执行ng new –ng4 angular-hello-world可以创建Angular4项目,会自动生成基础的文件夹和文件,还会自动进行npm i操作,下载并安装所需的依赖. 然后执行ng serve就可以编译并启动这个程序了,但ng并不会自动打开浏览器. b) 创建一个组件…

六、angular 生成二维码

首先需要安装angular-qrcode : bower install monospaced/angular-qrcode npm install angular-qrcode 如何使用? 在相应的需要使用二维码的页面增加如下代码: 注意:这里的“version”和"size"可以根据github上面找出自己想要的结果: 生成含有图片的二维码: 这里没有angular插件方法,需要引入juquery的一个插件,插件在<我上传的文件>中:jquery.qrcode.min.…

Angular（二）

Angular开发者指南(二)概念概述 template(模板):带有附加标记的模板HTMLdirectives(指令):使用自定义属性和元素扩展HTMLmodel(模型):用户在视图中显示的数据,并与用户进行交互scope(作用域):存储模型的上下文,以便控制器,指令和表达式可以访问它expressions(表达式):访问范围中的变量和函数compiler(编译器):解析模板并实例化指令和表达式filter(过滤器):格式化表达式的值以显示给用户view(视图):用户看到的内容(DOM)D…

angular学习(二):Controller定义总结

上文中总结完了ng-view的应用,将运维后台分开界面到2个,进行到逻辑Controller处理中,本文将总结一下在项目中Controller都用到了哪些知识: $scope:作用域对象,仅仅是代表本Controller对象,本作用域的不论什么对象都用$scope来声明. $rootScope:代表整个页面作用域,能够在随意子$scope之间传递全局对象 $http:用来发送http请求的对象. 设置header var module =angular.module('index'); //设…

Angular生成二维码

Installation - Angular 5+, Ionic NPM npm install angularx-qrcode --save Yarn yarn add angularx-qrcode Installation - Angular 4 NPM npm install angularx-qrcode@1.0.2 --save Yarn yarn add angularx-qrcode@1.0.2 Basic Usage Import the module and add it t…