2016-08-04 94 views
1

我在将Angular Material添加到ASP.NET CORE项目时遇到一些困难。我试过几种方法来添加:在Visual Studio 2015中将角度材料添加到ASP.NET CORE项目

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

那么如何将它添加到项目中?我们需要用角度材料替换我们(新)项目中的所有Bootstrap引用。

感谢,

ashilon

回答

3

刚开始在bower.json文件的新线和角度的包角打字会出现在智能感知。当您在包名称后面键入冒号并点击空格键时,再给它一次,该包的所有可用版本将以智能感知形式显示。

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

要查看bower.json和.bowerrc文件,您必须在解决方案资源管理器中选择“显示所有文件”。

+0

它找到_Angular_包,但它并没有找到_Angular-Material_包。我真的对此感到绝望。 – ashilon

+1

我发现它与100个其他角包一起。最新版本是1.0.9。尝试在您的bower.json文件中添加**“angular-material”:“1.0.9”**。 –

+0

宾果!虽然在我的情况下,Visual Studio没有列出bower.json文件中的角度材质,但我只需要......保存文件。而taddaaaa,包及其依赖项已安装。非常感谢大家。 – ashilon

1

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

第2步: 打开命令提示符含有的package.json和运行下面的命令来安装角材料组件。我正在安装所有可用的软件包。

命令来安装材料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