angularjs – 角度多个md主题样式

发布时间：2020-12-17 17:22:28 所属栏目：安全来源：网络整理

导读：我刚开始使用棱角分明的材料. 我有一个空白页面(基本设置)如下： HTML： html lang="en" headmeta name="viewport" content="width=device-width,initial-scale=1"link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/angular_material/1.1.

我刚开始使用棱角分明的材料.

我有一个空白页面(基本设置)如下：

HTML：

<html lang="en" >
<head>
<meta name="viewport" content="width=device-width,initial-scale=1">
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/angular_material/1.1.1/angular-material.min.css">    
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">  
</head>
<body ng-app="BlankApp" ng-cloak>

<!-- No Content -->

<!-- Angular Material Dependencies -->
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular-animate.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular-aria.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular-messages.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angular_material/1.1.1/angular-material.min.js"></script>    
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
</body>
</html>

JS：

var app = angular.module('BlankApp',['ngMaterial']);

很基本的.

当我检查元素时,我得到了多个me-theme-style,如下所示：

enter image description here

我刚开始使用angularjs,我不确定我是否做错了什么.

任何建议将不胜感激！

谢谢！

解决方法

Angular就像一个疯狂的卡通多功能工具,配备了冰箱和割草机,但有时你只需要一块锡纸.这里的另一个答案,虽然非常有帮助,但在没有了解问题的核心的情况下讨论解决方案,在我看来,这是帮助OP关闭复制.

Direct from the angular material docs

懒惰的生成主题

默认情况下,定义时会生成每个主题.您可以使用$mdThemingProvider在配置部分中禁用此功能

angular.module('myApp',['ngMaterial'])
    .config(function($mdThemingProvider) {
        //disable theme generation
        $mdThemingProvider.generateThemesOnDemand(true);
    });

这是我使用的确切语法,它就像一个冠军. (重要的是要注意这对我们来说也没有破坏任何风格)：

.config(['$mdThemingProvider',function($mdThemingProvider) {
    $mdThemingProvider.generateThemesOnDemand(true);
}])

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!