qq_43579525的博客

( g是generate的缩写 )//创建组件ng g component component-name(组件名)//创建服务ng g service service-name(服务名)//创建类ng g class class-name//创建模块ng g module module-name//创建directiveng g directive directive...

1.创建项目 //创建项目custer-app，并配置路由 ng new custer-app --routing2.进入该项目里 cd custer-app3.初始化项目 npm install4.运行项目 ng serve5.创建模块并且配置该模块路由// 在module文件夹下分别创建user,product,article模块（可在指定文件夹下创建模块...

重点开始了。实现从product页面跳转到product-detail页面。step1：在app-routing.module.ts中配置路由。const routes: Routes = [{path: ‘product’,component: ProductComponent,},{path: ‘product-detail’,component: ProductDetai...

（情景：点击news.component.html里的路由标签跳转到详情页(news-detail.component.html)，并把参数传过去）1.在app-routing.module.ts里配置路由:............此处省略const routes: Routes = [ // 刚进来为空的话就跳转到home路由 { path:'', ...

1.在ts文件引入Router(不是Routers)import {Router} from '@angular/router';2.在构造器里声明(ts文件里)：constructor(private router:Router){}/*声明路由*/3.自定义定义一个方法:goDetail () { // 这里的router是构造器里声明的router，跳转通过navigate(...

项目使用的Angular7.0和swiper41.安装Swiper：（自己使用cnpm命令安装竟然在node_modules文件夹下找不到swiper,使用npm命令则可以,这是why?）npm install swiper --save在angular.json文件添加swiper.js和swiper.css"architect": { ............... ...

1.在app.module.ts中引入htpp：import { HttpModule,JsonpModule } from '@angular/http';(HttpModule模块用于get,post方法; JsonpModule模块用于jsonp请求)2.在app.module.ts里的 imports注入HttpModule,JsonpModule模块：@NgModule({ ...

方法一：创建项目时由angular cli来配置路由1.创建带有路由配置项目：// 会在app文件夹下生成一个app-routing.module.ts文件 ng new project-name --routing （简单快速）说明：app.component.htm文件里会有个路由出口（路由显示的地方） <router-outlet><router-ou...

１．下载 jquery.min.js 放到 assets/jquery下２．引入jquery: “scripts”: [“assets/jquery/jquery.min.js”]３．在 typings.d.ts 下新增两句 declare var $: any; declare var jQuery: any;４．这样你就可以直接使用 $ 了，当然你也可以通过这样的方式引入 b...

service服务的用途:组件不应该直接获取或保存数据，它们不应该了解是否在展示假数据。 它们应该聚焦于展示数据，而把数据访问的职责委托给某个服务。用于封装方法处理业务逻辑以便其他组件调用。创建服务：ng g service services/storage(创建在app文件夹下的services文件夹里)注入服务:1.(需先引入到全局)在app.module.ts中引...

(子组件传值给父组件通过触发方法来传值方法。首先父组件传值（）给子组件，子组件接收后调用父组件传来的值（方法）时会把值传给父组件)1.现在父组件news.component.ts里d定义一个接收子组件值的方法export class NewComponent implements OnInit { //在这里定义和获取要传递的值,例如： public name = '我是发哥'; ru...

(传的值可以是属性,方法等)1.现在父组件news.component.ts里的:(传值方式与vue有点类似)export class NewComponent implements OnInit { //在这里定义和获取要传递的值,例如： public name = '我是发哥'; public age = 'age'; run (){ alert("父组件传给子组件的run方法...

1.ngOnChanges: 当组件数据绑定的输入属性发生变化时触发, 该方法接受一个SimpleChanges对象,包括当前值和上一属性值.首次调用一定发生在ngOnInit前,注意的是该方法仅限于对象的引用发生变化时，也就是说，如果对象的某个属性发生变化，Angular是不会触发onChanges的.2.ngOninit:初始化指令或组件, 在angular第一次展示组件的绑定属性后调用,该...

我们可能会发现按照网上的方式下载安装后，使用Angular CLI生成的项目并不是我们想要的Angular的版本，因为在我们没有指定安装版本的前提下，默认会下载最新的版本安装，然而不同的Angular CLI版本在生成项目时默认的使用的Angular的版本又是不一样的，不同版本有些实现又存在差异，所以为开发者造成了很大的麻烦，下面我们来介绍一下安装指定的Angular CLI的方法（本文安装的An...

问题：当输入框获取焦点,手机软键盘弹出时,会把底部导航栏(fixed固定定位元素)顶上去(我已经固定在这儿了，干嘛把我顶上去，是不是想占我位置),导致页面布局错乱html代码如下：解决方式：(在对应的ts文件里编写脚本,这里使用的是jquery) ngOnInit () { // 获取整个文档高度 let oHeight:any = $(document).hei...