gpt4 book ai didi

angularjs - Angular 多个 md-theme-styles

转载 作者:行者123 更新时间:2023-12-02 22:44:50 27 4
gpt4 key购买 nike

我刚刚开始使用有 Angular Material 。

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

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 就像一个疯狂的卡通多功能工具,配备了冰箱和割草机,但有时您需要的只是一 block 锡纸。这里的其他答案虽然很有帮助,但只是围绕解决方案进行讨论,而没有触及问题的核心,在我看来,这正在帮助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);
}])

关于angularjs - Angular 多个 md-theme-styles,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40097384/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com