小编Kro*_*ron的帖子

mat-slide-toggle我的角度页面上有一个。我在模块中导入了适当的值，但是一旦页面加载，切换按钮就会显示为正常的复选框。

HTML：

<div style="width:100%;overflow:hidden">
<h5 class="mx-2 mb-0" style="width:50%;float:left;clear:none">Suggested Titles</h5>
<mat-slide-toggle
  style = "float:right;width:30%"
  [color]="color"
  [checked]="checked"
  (change)="andOrBoxChecked()"
  [disabled]="disabled"> {{slideValue}}
</mat-slide-toggle>
</div>

打字稿：

import { Component, OnInit, NgModule } from '@angular/core';
import { MatSlideToggleModule } from '@angular/material';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
[...]
  color = 'accent';
  checked = true;
  disabled = false;
  slideValue = "And";
[...]
  andOrBoxChecked(){
    if(this.slideValue == 'And')
      this.slideValue = 'Or';

    else  
      this.slideValue='And';
  }

模块：

import { MatSlideToggleModule } from '@angular/material';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
[...] …

我见过类似的问题，但没有完全回答这个问题。所以我有一个由 Firebase 托管的应用程序。我最近对其进行了一些渗透测试，并意识到我需要向网站添加一些安全标头。

具体来说：X-Frame-Options、X-XSS-Protection、 和X-Content-Type-Options。问题是我真的不知道该怎么做。经过一些研究，我可以看到将标头添加到我的 firebase 应用程序的方法是将它们添加到我firebase.json将在此处显示的文件中：

{
  "hosting": {
    "site": "xxxxxxxxxxxxxxxxx",
    "public": "dist/xxxxxxxxxxxx",
    "ignore": [
      "firebase.json",
      "**/.*",
      "**/node_modules/**"
    ],
    "headers" : [ {
      "source": "**",
      "headers" : [{
        "key" : "Access-Control-Allow-Origin",
        "value" : "*"
      }]
    }],
    "rewrites": [
      {
        "source": "**",
        "destination": "/index.html"
      }
    ]
  }
}

我需要将它们添加到“标题”部分吗？

抱歉无知，但任何帮助表示赞赏。

我有一个我正在编写的CSS页面,我需要在一个类中应用背景图像,然后使用另一个类将部分透明的背景图像放在已经存在的那个上面.这有点沙拉,所以让我举一些示范.

html{
    <div class="background1">...</div>
    <div class="background1 backgroundFilter">...</div>
    <div class="background2">...</div>
    <div class="background2 backgroundFilter">...</div>
}
css {
    .background1 {
        background-image:url(...);
    }
    .background2 {
        background-image:url(...);
    }
    .backgroundFilter {
        background-image:url(...);
    }
}

在这个例子中,第一个div应该有背景图像1,第二个div应该有背景图像1但是滤镜图像放在它上面,然后第三个应该是图像2而第四个应该是图像2,其上有相同的滤镜.

但是在这个例子中,.backgroundFilter将覆盖前一个图像而不是覆盖它.

这是可能的还是我需要为每个版本的背景图像创建一个不同的类？

我有一列 varchar(50) 格式的日期，写为“dd/mm/yyyy”，我需要将其转换为 datetime2 格式，但是当它运行时，它假定格式为“mm/dd/yyyy”并相应地进行转换，当日期字段超过 12 时抛出错误。如何让它以正确的方式提取数据？

例如

03/04/2017 00:00:00
03/04/2017 00:00:00
15/06/2017 00:00:00
15/06/2017 00:00:00
17/05/2017 00:00:00

最后 3 次投掷失误。

当前命令：

select case when try_convert(datetime2,[Date]) is not null
    then cast([Date]as datetime2)
    else null
    end, [Date]
from [Source1]

结果：

2017-03-04 00:00:00.0000000  03/04/2017 00:00:00
2017-03-04 00:00:00.0000000  03/04/2017 00:00:00
NULL                         15/06/2017 00:00:00
NULL                         15/06/2017 00:00:00
NULL                         17/05/2017 00:00:00

基本上，在运行时addEventListener，我无法从我正在创建的函数外部访问任何保存的变量。

在下面的代码中我总是收到错误Property 'xAxisLabel' does not exist on type 'HTMLElement'.

xAxisLabel:string = 'xAxis';
xAxisField:HTMLElement;

filterChanged(element: HTMLElement) {
   element.addEventListener("change", function(){
      this.xAxisLabel = 'Countries';
   });
}

ngOnInit() {
   this.xAxisField=document.getElementById('xAxisField');
   this.filterChanged(this.xAxisField);
}

我确信这是一个相当简单的解决方案，但我无法在网上找到它。任何帮助，将不胜感激。