CV肉饼王

一、问题描述

需要将angular build后产生的文件，部署到网站的子目录下（比如test.com/dist）来访问，但出现如下图报错：

一、问题描述

如下图，从登录页进入主页后，body高度异常，此issue应该不限于angular与adminLTE的组合

一、流程图

此项目为员工考勤查询系统，前端为angular 5，后端为php、MySQL(LNMP)，前端页面包含登录页、首页（考勤数据查询页），主要在用户访问首页时进行校验。用户登录所需相关信息已提前录入数据库，故这里只涉及登录，不讨论注册流程。因在开发环境下，涉及跨域测试，故还通过后端php实现了CORS。

一、流程说明

• record.service负责从后端server获取数据
• 父组件table.component通过依赖注入，从record.service订阅实时变更的数据
• 子组件pagination.component通过@Input，获取父组件传入的分页相关变量值，从而在模板中显示正确的分页信息
• 然后根据用户点击的page值，子组件通过@Output属性，将page值传回父组件
• 父组件依据page值将数组数据分片展示
  阅读全文 »

一、在根模块导入HttpModule

1
2
3
4

import {HttpModule } from "@angular/http";
imports: [
    HttpModule
  ],

一、在根模块中引入依赖

1
2
3
4
5
6

import {FormsModule, ReactiveFormsModule } from '@angular/forms';

imports: [
    FormsModule,
    ReactiveFormsModule
  ],

1.安装jQuery

npm install --save jquery

2.安装jQuery定义文件

npm install @types/jquery --save

实现功能：根据用户输入内容，过滤显示匹配的信息

1.创建自定义pipe

ng g pipe stock/stockFilter

一、事件绑定

<button (click)= "onButtonClick($event)"></button>

二、DOM属性绑定（插值表达式）

<img [src]="imgUrl">
<img src="">

一、基本配置

1.创建服务并在根模块注册

ng g service stock-info
providers: [StockInfoService]