一、安装

npm install vuex --save

二、配置

1.在src下新建store文件夹，新增index.js文件

2.在index.js中写入配置代码，如下:

一、配置模拟数据

1.在static文件夹下新增mock文件夹

2.在mock文件夹下新建index.json文件，写入mock data如下：

一、使用iconfont

1.在 iconfont新建项目，添加需要的图标
2.选择“Unicode”，并下载至本地
3.解压后，将4个字体文件和iconfont.css放到src/assets/styles下

一、响应式元标签添加(index.html)

1

<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">

一、问题描述

需要将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
  ],