想为Angular6开发者提供一个使用导航功能的示例

2 年 ago
文, 翔
1 minute

想要使用Angular6进行响应式导航的开发人员可以参考以下示例。

MIT License

ResponsiveNavigation 是为开发人员提供的初始设置，在Angular6中使用Angular Material来实现导航。

完整的源代码，请访问以下网址：https://github.com/Ohtsu/ResponsiveNavigation。

视频解说（中文），

视频解说（英文），

总结

    • ResponsiveNavigation はリスポンシブなナビゲーションであり、Angular6におけるAngular Materialに依存しています。

 

    • ResponsiveNavigation は、mat-sidenav,mat-toolbar,mat-nav-listなどを利用しています。

 

    ResponsiveNavigation はMaterialアイコンを利用しています。

运行环境

    • node.js

 

    • Typescript2

 

    Angular6

安装

创建一个从Git克隆的副本，步骤如下。

$ git clone https://github.com/Ohtsu/ResponsiveNavigation.git

接下来，您需要进入生成的ResponsiveNavigation目录，并执行以下安装步骤：

$ npm install

开始

在命令行下启动本地服务器，浏览器会显示响应式导航。

$ ng serve -o

初期画面

undefined

版本

    • ResponsiveNavigation : 0.0

 

    • Angular6 : 6.0.0

 

    • TypeScript : 2.7.2

 

    @angular/material : 6.2.1

请提供下列的中文本地化翻译：

参考

    • “Schematics”,

 

    • https://material.angular.io/guide/schematics

 

    • “Angular 5, Angular 6 Custom Library: Step-by-step guide”,

 

    • https://www.udemy.com/angular5-custom-library-the-definitive-step-by-step-guide/

 

    • “Angular 5, Angular 6用 カスタムライブラリの作成: 完全ステップ・バイ・ステップ・ガイド”,

 

    https://www.udemy.com/angular5-l/

更动历史

    2018.7.11 version 0.0 uploaded

版权

版权© 2018 大津修一（DigiPub日本）。

许可证

MIT版权所有 Shuichi Ohtsu

bannerAds