小编Gre*_*Ham的帖子

我想创建一个mat-dialog默认样式mat-button来关闭对话框.一切正常,但按钮缺少Angular Material应用的Material Design样式.

我如何获得展示的风格？AFAIK我根据需要导入了所有模块,并正确设置了Angular Material的每个部分,包括主题.

my-dialog.component.ts:

import { Component, OnInit } from '@angular/core';

@Component({
  selector: 'app-my-dialog',
  templateUrl: './my-dialog.component.html',
  styleUrls: ['./my-dialog.component.css']
})
export class MyDialogComponent implements OnInit {

  constructor() { }

  ngOnInit() {
  }

}

my-dialog.component.html:

<h1 mat-dialog-title>Lorem Ipsum</h1>
<div mat-dialog-content>
  ...
</div>
<button mat-button mat-dialog-close>Close</button>

app.module.ts:

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';

import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import { MatCardModule, MatDialogModule, MatButtonModule } from …

我想用来mat-grid-list创建一个网格列表布局,其中每个mat-grid-tile包含一个mat-card填充整个图块的格式,而不管卡的内容如何.大多数卡需要占用多行和/或列.到目前为止,我还没有能够使它工作.

我尝试过的事情:

• 使用选择器设置每张卡的CSS width和height100%mat-card.这导致每张卡片填满整个屏幕,而不仅仅是mat-grid-tile包含卡片的卡片.
• 使用选择器设置每张卡的CSS width和height100%mat-grid-tile > mat-card.这与没有选择器具有相同的效果,因为卡片仅在它们的网格区块中保持居中,所述网格区块被包裹到它们各自内容的大小.
• 遵循这个问题的代码.问题是属性flex,layout-wrap并且layout-fill我无法使用,可能是因为示例代码使用的是Angular 2而不是4.

编辑:看起来我误解了上面列出的第一次尝试的结果.卡片实际上只填充了mat-grid-tiles,但周围的阴影被瓷砖的边界切断了.

我有一个 DynamoDB 表，用于跟踪 S3 存储桶的对象及其标签，并希望使表与对象的状态保持一致。这意味着在添加、删除或删除对象标签时更新表。

目前，我正在尝试通过运行 Lambda 来实现上述目的，该 Lambda 在发生上述事件时写入表。我无法为我的用例找到与标签相关的触发器。

以下是我研究过的一些潜在解决方案：

• S3 PUT 触发器，用于检测标签创建：但是，似乎此触发器仅针对对象创建激活，而不针对PutObjectTagging PUT 请求激活。

• 创建用于检测标签更改的 CloudWatch 规则：此规则的问题在于标签支持似乎不包含服务级别之外的任何内容，例如对 S3 对象的标签更改。此外，该解决方案还省略了标签创建和删除。

我有一个mat-grid-tile(父)包含一个组件app-window(子),mat-card它的根目录包含一个.

根据需要app-window填充,mat-grid-tile并在垂直和水平方向上居中对齐.现在我想app-window的mat-card做同样的,这样我可以有等距的网格mat-card秒.

我怎样才能获得mat-card包含在app-window填满整个app-window？我尝试了一些想法但没有一个成功; 更多细节如下.

StackBlitz的例子

组件HTML:

<mat-grid-list cols="3" rowHeight="4:3">
  <mat-grid-tile>
    <app-window></app-window>
  </mat-grid-tile>
</mat-grid-list>

组件CSS:

app-window {
  width: calc(100% - 10px);
  height: calc(100% - 10px);
}

尝试过的解决方案及其结果:

• 将app-window's mat-card的宽度设置为a width和height100%.这mat-card比稍微大mat-grid-tile一点.期望的行为将是匹配的大小app-window.
• 没有为其分配任何额外的CSS属性mat-card.结果,它mat-card占据了app-window整个宽度,但仅与其内容一样高.我希望它始终与高度相同app-window.
• 将属性分配flex-grow: 1;给mat-card.根据我的理解,这应该mat-card填充整个空间 …

我希望扩展 HTML 在新选项卡中打开，而不是在弹出窗口中打开。现有的扩展Session Buddy具有我想要复制的确切行为。

问题是，当我点击工具栏图标后，Chrome 会不停地打开新的扩展标签，而所需的行为（显然）是只打开一个标签。奇怪的是，当我使用“网址”（例如https://stackoverflow.com/ ）时，我只能打开一个选项卡。

manifest.json：

{
    "manifest_version": 2,
    "name": "angular chrome extension boilerplate",
    "version": "1.0.0",
    "background": {
        "scripts": ["background.js"],
        "persistent": true
    },
    "permissions": [
        "activeTab",
        "tabs",
        "background"
    ],
    "content_security_policy": "script-src 'self' 'unsafe-eval'; object-src 'self'"
}

background.js：

chrome.tabs.create({ url: chrome.extension.getURL('index.html') });

本网站上的几篇文章都有类似的问题，但没有一个建议的解决方案对我有用：

• Chrome 扩展程序：onclick 扩展程序图标，在新选项卡中打开 popup.html：当我使用事件页面或向事件添加侦听器onClicked时，单击扩展程序工具栏图标时没有任何反应。