ブログのクラスを構築するためにangular4.0プロジェクトを使用します

序文

角度は最近、彼はまた、最新の角度とtypescriptです機能を表示することを意味し、小さなデモブログのクラスを書く時間を見つけたことを学ぶためにプロジェクトスケジュールの担当で会社をプッシュも脚光を浴びて、angular.jsの最新バージョンです構文は、角度に新しく、少し荒いのでtypescriptですので、私を許して願っています！

项目原址:     

私はプロジェクトでした〜ZZ

github地址:

Iアドレス〜ZZ

プロジェクト

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

プロジェクトのディレクトリ構造

プロジェクトの特長

• 角度ルータビルドをルーティングインタフェースを使用し、またページをルーティング仕上げローディング遷移アニメーションにアニメーションの角度成分を使用します。

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})
      ]))
  ])
]);

• 網易雲は、H5のオーディオタグを使用して、音楽プレーヤーを内蔵して
  

• プロジェクト全体にも、同じ基本的なブートストラップを使用し、それは、また迅速に始めるために使用することがより快適であるNGX-ブートストラップ、私は現在の角度に最も適して感じているUIコンポーネントを使用しています。

• コンテンツに対応する各サブページの表示を介して経路を通過するパラメータ使用アイテムのURLを、

最後に書かれました

本当にあなたが私に行くことができます興味を持っている書き込み、特定のかわからないgithubの書き込みだけでなく、妹に聞くなど、コードビューj.Flaああ、歌とより感のある!!!