我有 6 种颜色的序列:
\n\n红色的
绿色的
蓝色的
青色
品红
黄色的
而元素 1 是红色的。
\n\n元素 2 是绿色\xe2\x80\xa6 等。
\n\n该列表可以包含无限数量的项目,并且应保留颜色顺序。
\n\n最简单的方法是使用 nth-child(n%6),但我们知道 nth-child 没有模块运算符。
\n\n序列:
\n\n行不通,因为第八个元素是青色,但它应该是绿色。
\n\n偏移量也不起作用,因为它只适用于第一次出现。
\n\n这个问题能解决吗?
\n我只想添加一个小的圆形个人资料图片,我不希望它出现在“卡片”中,并且类似这样的方法实际上有效:
<img mat-card-avatar src="avatar.png" alt="User Avatar">
Run Code Online (Sandbox Code Playgroud)
那<img>没有包含在<mat-card>元素中,即使它起作用了,我也想知道解决方案的合法性和可能的副作用。那么可以像在mat-card元素外部那样使用mat-card-avatar吗?
同样,我花了很长时间才找到该指令,为什么头像通常在其他情况下可以使用,所以将头像名称间隔为卡片的一部分?例如,我在垫子工具栏中有它。
我有几个路由只不过是一个静态页面。
在这些路由中的每一个(超过 50 个)上,当路由启动时,我必须在两个不同的服务上调用几个方法(以及更多)。
一个简单的工作解决方案是在每个页面上调用 ngOnInit 方法并调用上述方法。
问题是这意味着在 50 个不同的文件中复制和粘贴相同的代码。复制粘贴不好,不可维护。
举个例子:
我有页面“FAQ”(手动分配的 id:52)和页面“Find Us”(手动分配的 id:13)。这是2条不同的路线。
我有“编辑器”服务,用于从管理面板编辑这些页面,它需要跟踪我看到的页面。
我有“缓存”服务,它检查页面之前是否已经查询到后端,或者是否需要从服务器中提取。
这两个服务都想知道我手动分配给该路由的 ID。
此特定情况下的 ID 用于查询数据库/API,但是此详细信息不是以问题为中心的,不应使其他有类似问题的人的答案无效。
// Page FAQ
id: number
constructor() {
this.id = 52; // 52 is the id that I assigned to the page FAQ
}
ngOnInit () {
editorService.keepTrack(this.id);
editorService.moreMethod().notMaintainable().whatIfIChangeSomething(this.id/0);
cacheService.keepTrack(this.id);
}
// Page Find Us
id: number
constructor() {
this.id = 13; // 13 is the id that I assigned to the page Find Us
}
ngOnInit () { …Run Code Online (Sandbox Code Playgroud)