Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/typescript/8.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angular 如何将角度材质与角度2结合使用?_Angular_Typescript_Angular Material - Fatal编程技术网

Angular 如何将角度材质与角度2结合使用?

Angular 如何将角度材质与角度2结合使用?,angular,typescript,angular-material,Angular,Typescript,Angular Material,我已经尝试了npm安装角度材质-保存并遵循 然后我添加了脚本并链接到index.html <script src="node_modules/angular-material/index.js"></script> <link ref="stylesheet" href="node_modules/angular-material/modules/angular-material.css"> 然后我尝试添加一个简单的,但我没有运气 自撰写此问题以来,An

我已经尝试了
npm安装角度材质-保存
并遵循

然后我添加了脚本并链接到
index.html

<script src="node_modules/angular-material/index.js"></script>
<link ref="stylesheet" href="node_modules/angular-material/modules/angular-material.css">


然后我尝试添加一个简单的
,但我没有运气

自撰写此问题以来,Angular团队创建了“Angular 2材料设计”github项目:

有关安装说明,请参阅指南

他们希望您(安装并)使用

由于这两个项目目前都在alpha中,以下说明可能会随着时间的推移而改变:

# install the CLI globally
npm install -g angular-cli

# create a new project
ng new my-project

# install Angular Material 2 components
npm install --save @angular2-material/{core,button,card}

另一种方法是使用从中具体化 您只需将这些文件导入src文件夹中的index.html

<!-- Compiled and minified CSS -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0-beta/css/materialize.min.css">

    <!-- Compiled and minified JavaScript -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0-beta/js/materialize.min.js"></script>

因此,你可以使用材料设计 例:


红色

查看此网站是的,并非所有组件(如angular 1.x)都是使用angular2的angular材质创建的,但其中很少有组件是使用@EricMartinezI提供的链接中提到的。我知道这个答案已经很久了。我尝试使用Angular CLI“ng new my project”,我看到了正在安装的cmd,但安装时间太长了,似乎永远不会随着安装而结束。有人也有同样的问题吗?
 <label>
    <input type="checkbox" />
    <span>Red</span>
  </label>