gpt4 book ai didi

angularjs - 在普通 html 页面中使用 Angular Material

转载 作者:行者123 更新时间:2023-12-05 01:43:20 26 4
gpt4 key购买 nike

我是 Angular 的新手,我想知道是否可以在普通的 html 页面中使用像 mat-error、mat-form-field、mat-button 等 Angular 形式的指令(标签?);我的意思是不作为 nodejs 应用程序的一部分。例如,在 html 页面的 head 部分添加必要的 css 和 js 文件。

我花了几个小时在网上找到一个例子,但没有成功。我找到的所有示例都是 npm 和 nodejs 的组合。所以我很感激任何建议。

顺便说一下,我知道这里讨论的 Angular 标签的可能性:https://material.angularjs.org/latest/demo/input但这不是我要找的。

最佳答案

如果你想在纯 HTML 中使用 Material 组件,你可以看看其他 Material 框架,比如 MUIMaterialize ,您可以在其中简单地从 CDN 导入 JS 文件并访问所有常用组件。

例如,这是一个使用 MUI 构建的非常基本的模板,您唯一需要的是一些 HTML。

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- load MUI -->
<link href="//cdn.muicss.com/mui-0.9.39-rc1/css/mui.min.css" rel="stylesheet" type="text/css" />
<script src="//cdn.muicss.com/mui-0.9.39-rc1/js/mui.min.js"></script>
</head>
<body>
<!-- example content -->
<div class="mui-container">
<div class="mui-panel">
<h1>My Title</h1>
<button class="mui-btn mui-btn--primary mui-btn--raised">My Button</button>
</div>
</div>
</body>
</html>

关于angularjs - 在普通 html 页面中使用 Angular Material,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49671164/

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