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

在我看来，我的Angular版本与此组件无法匹配。我尝试删除我的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.

--------------------＆＃34; ng -v＆＃34;的结果下面----------------------------

@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

你有几个选择：

材料设计。他们有一个可能适合你的sidenav（https://material.angular.io/components/sidenav/overview）。
自举。您可以在主div中制作col-md-1（或任何您想要的尺寸）。
让这个过时的lib工作。很可能，您可能会忽略警告，但如果它不起作用，我相信该回购的所有者会希望您做出贡献。
自己写。这可能是你最好的选择，因为你可以学到一些关于角度和布局的东西（不是假设你不知道，只是说我们都可以学习）。

编写自己的文件时，请考虑使用flexbox或类似引导程序的网格。然后，您可以考虑添加@Output()和EventEmitter来涵盖开放或切换操作等内容。

Answer 2

结束需要手动更新我的package.json依赖项。我用“过时的＆＃39;”验证了新值。谢谢！

角度4边栏

2 个答案: