在 Visual Studio 2015 年将 Angular Material 添加到 ASP.NET 核心项目

Add Angular Material to ASP.NET CORE project in Visual Studio 2015

我在将 Angular Material 添加到我们的 ASP.NET 核心项目时遇到了一些困难。我尝试了几种添加方法:

  1. 通过 Nuget - 虽然有一个包,但 NuGet 没有下载任何东西
  2. 通过 Bower - 根据 Microsoft 的文档,这是现在使用客户端包的首选方式。但是当我在Bower package mannager ui中搜索它时,它找不到它。与 bower.json 文件相同。

那么如何将它添加到项目中呢?我们需要用 angular material.

替换我们(新)项目中的所有 Bootstrap 引用

谢谢,

希隆

只需在 bower.json 文件的新行中开始输入 angular,angular 包就会出现在智能感知中。当您在包名称后键入冒号并点击 space 栏时,稍等片刻,该包的所有可用版本将显示在智能感知中。

当您保存文件时,Visual Studio会自动运行 bower install 命令下载包并将其保存到文件.bowerrc 中目录设置中定义的位置。

要查看 bower.json 和 .bowerrc 文件,您必须 select "Show All Files" 在解决方案资源管理器中。

也许这篇文章能帮到你: Angular Material – Using with Angular 2 and ASP.NET Core 1.0

第 2 步: 在命令下方打开包含 package.json 和 运行 的命令提示符以安装 Angular Material 组件。我现在正在安装所有可用的软件包。

安装 Material NPM 包的命令

npm install --save @angular2-material/core @angular2-material/button @angular2-material/card  @angular2-material/checkbox @angular2-material/grid-list @angular2-material/icon @angular2-material/input @angular2-material/list @angular2-material/progress-bar @angular2-material/progress-circle @angular2-material/radio @angular2-material/sidenav  @angular2-material/tabs @angular2-material/toolbar