角4サイドバー

Question

私はAngularでサイドバーを作成しようとしていますが、ここで利用できるarkonでng-sidebarが見つかりました：https://github.com/arkon/ng-sidebar。インストール後にログ出力は次のようになります。

+-- UNMET PEER DEPENDENCY @angular/core@4.3.6  
+-- UNMET PEER DEPENDENCY @angular/http@4.3.6  
`-- ng-sidebar@6.0.1  

角度の私のバージョンは、このコンポーネントと互換性のないあるように私には思えます。私はnode_modulesを削除し、キャッシュをクリアし、他の人が行ったように再インストールしようとしましたが、それは私のためには機能しません。他にも解決策がありますか、サイドバーを実装するためのより良い方法や代替方法がありますか？

関連するノートでは、次の2つの警告も表示されますが、何かに影響するとは思われません。私はこれらの警告について何かすべきか？

npm WARN angular2-jwt@0.1.28 requires a peer of @angular/core@^2.0.0 but none was installed. 
npm WARN angular2-jwt@0.1.28 requires a peer of @angular/http@^2.0.0 but none was installed. 

--------------------以下の「ng -v」の結果--------------- -------------

@angular/cli: 1.3.2  
node: 6.11.0  
os: win32 x64  
@angular/animations: 4.3.6  
@angular/common: 4.3.6 
@angular/compiler: 4.3.6 
@angular/compiler-cli: 4.3.6 
@angular/core: 4.3.6 
@angular/forms: 4.3.6 
@angular/http: 4.3.6 
@angular/platform-browser: 4.3.6 
@angular/platform-browser-dynamic: 4.3.6 
@angular/platform-server: 4.3.6 
@angular/router: 4.3.6 
@angular/cli: 1.3.2 

Answer 1

あなたはここにいくつかのオプションがあります：

1. 材料設計を。彼らはおそらくあなたのために働くだろうsidenavを持っています（https://material.angular.io/components/sidenav/overview）。

2. ブートストラップ。あなたはcol-md-1（またはあなたが望む任意のサイズ）をあなたのメインディビジョンに作ることができます。

3. libの作業が古くなっています。おそらく、あなたは警告を無視することができるかもしれませんが、それが機能していない場合、私はそのレポの所有者があなたに貢献してくれると確信しています。

4. あなた自身でご記入ください。角度やレイアウトに関するいくつかのことを学ぶことができるので、これはあなたの最善の選択肢かもしれません。

自分で書くには、フレックスボックスまたはブートストラップのようなグリッドを考慮してください。 @Output()とEventEmitterを追加して、オープンまたはトグルアクションのようなものをカバーすることを検討できます。

Answer 2

私のpackage.json依存関係を手動で更新する必要がありました。私は新しい値を 'npmが古くなった'と確認しました。ありがとう！