小编S. *_*jns的帖子

有没有办法获取您在 Chrome 开发工具中应用的自定义 CSS 更改的列表？

当您在 Chrome 开发工具中使用 CSS 以使您的网页看起来正确时，轻松跟踪您所做的更改会派上用场。

我知道工作区，但用例是一个 Angular 5 应用程序，其中您的 CSS 被捆绑并可能​​被缩小。

澄清：

• 我有一个页面看起来与它应该的样子相去甚远
• 我在开发工具中修复了 20 个 CSS 直到它看起来不错
• 现在我想从原始页面获得一个 (CSS) delta，所以我有一个我现在应该在真正的 CSS 样式中实现的更改列表。

当文件输入发生变化时,Angular 2似乎在运行验证时遇到麻烦.

我做了一个插图来说明这个问题:

我创建了一个formGroup

this.frm = new FormGroup({
    file: new FormControl("", this.validateFile)
});

在validateFile函数中,我抛出一个警报并记录到控制台:

public validateFile(formControl: FormControl): {[key: string]: any; } {
   alert('Validation ran');
   console.log('Validation ran');
}

Plunkr来说明问题:https://plnkr.co/edit/Pgcg4IkejgaH5YgbY3Ar？p = preview

验证将在初始化页面时运行,但每次更改要上载的文件时都不会运行.

有没有解决这个问题的方法？