小编Kun*_*pro的帖子

CSS nth-child 圆形样式

我有 6 种颜色的序列:

\n\n
    \n
  • 红色的

  • \n
  • 绿色的

  • \n
  • 蓝色的

  • \n
  • 青色

  • \n
  • 品红

  • \n
  • 黄色的

  • \n
\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 个子级(2n):绿色
  • \n
  • 第 n 个子级 (3n):蓝色
  • \n
  • 第 n 个子级 (4n):青色
  • \n
  • \xe2\x80\xa6
  • \n
\n\n

行不通,因为第八个元素是青色,但它应该是绿色。

\n\n

偏移量也不起作用,因为它只适用于第一次出现。

\n\n

这个问题能解决吗?

\n

css sequence css-selectors

3
推荐指数
1
解决办法
438
查看次数

角材料,使用不带卡的垫卡式头像

我只想添加一个小的圆形个人资料图片,我不希望它出现在“卡片”中,并且类似这样的方法实际上有效:

<img mat-card-avatar src="avatar.png" alt="User Avatar">
Run Code Online (Sandbox Code Playgroud)

<img>没有包含在<mat-card>元素中,即使它起作用了,我也想知道解决方案的合法性和可能的​​副作用。那么可以像在mat-card元素外部那样使用mat-card-avatar吗?

同样,我花了很长时间才找到该指令,为什么头像通常在其他情况下可以使用,所以将头像名称间隔为卡片的一部分?例如,我在垫子工具栏中有它。

angular-material angular-material2 angular

3
推荐指数
1
解决办法
6569
查看次数

如何使用多个组件/路由在 ngOnInit 上调用服务的方法

我有几个路由只不过是一个静态页面。
在这些路由中的每一个(超过 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)

implements angular

2
推荐指数
1
解决办法
9679
查看次数