Use angular4.0 project to build a blog class

Foreword

angular is the latest version of angular.js, also in the limelight recently pushed the company in charge of the project schedule to learn that he also found time to write a small demo blog class, meaning that to see what the latest features angular and typescript the syntax; because the typescript so new to angular and a little rough, hope forgive me!

项目原址:     

I was the project ~ zZ

github地址:

I address ~ zZ

Project Description

整个项目是使用angular-cli脚手架搭建的;

Project Directory Structure

Project Features

• Using the angular-router build a routing interface; also use angular components of animation to finish loading transition animation routing page;

import { trigger, style, transition, animate,keyframes } from '@angular/animations';

export const fadeIn = trigger('fadeIn', [
  transition("void => *", [
    style({ opacity: 0 }),
    animate(1000, keyframes([
        style({opacity: 0, transform: 'translateY(-100%)', offset: 0}),
        style({opacity: 0.5, transform: 'translateY(25px)',  offset: 0.3}),
        style({opacity: 1, transform: 'translateY(0)', offset: 1.0})
      ]))
  ])
]);

• NetEase cloud incorporates a music player, using audio tag of H5
  

• The entire project also uses ngx-bootstrap, ui component that I feel most suitable for the present angular, it is also more comfortable to use, quick to get started, use the same basic and bootstrap;

• Use item url parameter passing route through each sub-page display corresponding to the content;

Written in the last

Really do not know what to write specific you are interested can go to my githubview, as well as write the code as little sister listening to j.Flasongs and more with a sense of, oh !!!