如何将物化css添加到angularjs项目中?
我正在使用Yeoman与angularJS开发一个新站点。我试过使用如何将物化css添加到angularjs项目中?,css,angularjs,yeoman,materialize,Css,Angularjs,Yeoman,Materialize,我正在使用Yeoman与angularJS开发一个新站点。我试过使用bower install materialize和bower install angular material但是什么都没有发生,我的意思是,它不会改变外观和功能。我还向index.html添加了以下两行: <script src="bower_components/angular-aria/angular-aria.js"></script <script src="bower_components/
bower install materialize
和bower install angular material
但是什么都没有发生,我的意思是,它不会改变外观和功能。我还向index.html添加了以下两行:
<script src="bower_components/angular-aria/angular-aria.js"></script <script src="bower_components/angular-material/angular-material.js"></script>
将下面的行添加到头部以加载css
<link rel="stylesheet" href="/bower_components/angular-material/angular-material.css">
完整的骨架可在
顺便说一下,您的bower安装
和script src
都引用了和不引用,它们位于标题和标记中。MaterializeCS是一个提供类似组件的独立项目。您可能不需要两者兼而有之。如果您正在启动一个新项目,有一个很好的yeoman生成器可以为您做到这一点:
只需在以下选项中选择它:
yo gulp-angular
对于现有项目,我仅使用以下回购协议:
这可以通过安装角材料来实现
bower install angular-material
bower安装角材料-保存
这将安装并(--save)更新您的package.json文件
当您使用bower时,它会自动更新index.html(添加css和js文件),您不必手动添加任何内容
在您的情况下,我建议您检查是否将依赖项添加到您的app.js
,这可能是一个问题。晚会迟到了,但我知道如何处理角度项目
角度1.xx
只需像这样在项目中导入MaterialiseCSS
<script type="text/javascript" src="./js/cdn/jquery-3.2.1.min.js"></script>
<!-- Angular Material requires Angular.js Libraries -->
<script src="./js/cdn/angular.min.js"></script>
<script src="./js/cdn/angular-route.js"></script>
<script src="./js/cdn/angular-animate.js"></script>
<!-- Compiled and minified JavaScript -->
<script src="./js/cdn/materialize.min.js"></script>
<!--Initalize MaterializeCSS-->
<script src="./js/init.js"></script>
在index.html
的
中包含材质图标,您就可以开始了
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
顺便说一句,我看到您已经在尝试使用角度材质。你能检查一下你的应用程序中是否注入了“ngMaterial”依赖项吗?这可能就是为什么什么都没发生是的我做了而且我会试试你告诉我的约曼发电机。谢谢非常感谢你们,我想我被两种不同的东西弄糊涂了:棱角材料和物质。我还检查了依赖项,但外观没有改变。谢谢是的,你说得对。有两个不同的项目,所以我现在只使用ECSS。谢谢
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">