要给出"Angular 8行为主题"的解决方案,包含代码示例,需要按照以下步骤进行操作:
ng new behavior-theme-demo
cd behavior-theme-demo
ng generate theme behavior
这将在项目的 src
目录下生成一个新的 behavior-theme.scss
文件。
angular.json
文件,并在 projects > behavior-theme-demo > architect > build > options
下的 styles
数组中添加行为主题的引用。确保将行为主题的引用放在其他样式文件之前。示例如下:"styles": [
"src/styles.scss",
"src/behavior-theme.scss"
],
behavior-theme.scss
文件中定义行为主题的样式。例如,你可以定义一个 .primary-button
类来设置主要按钮的样式。示例如下:.primary-button {
background-color: blue;
color: white;
padding: 10px 20px;
border: none;
cursor: pointer;
}
app.component.html
文件,并在其中使用 .primary-button
类。示例如下:
ng serve
打开浏览器并访问 http://localhost:4200
,你将看到一个带有行为主题样式的主要按钮。
这样,你就完成了一个使用Angular 8行为主题的示例。你可以根据自己的需求在行为主题中定义和使用任意样式。