小编Job*_*Job的帖子

如何从元素内部关闭/关闭 Angular Snackbar 元素

我目前有snackbar一个mat-progress-bar里面有一个元素。我想关闭snackbar元素。我的代码目前看起来像这样。

import { MAT_SNACK_BAR_DATA, MatSnackBar } from '@angular/material';
import { map } from 'rxjs/operators';

 @Component({
  selector: 'app-upload-progress-snackbar',
  template: `
  Progress:
  <mat-progress-bar mode="determinate" [value]="progress | async" *ngIf="progress !== undefined"></mat-progress-bar>`,
  styles: [`mat-progress-bar { margin-top: 5px;}`],
})
export class UploadProgressComponent {
  constructor(@Inject(MAT_SNACK_BAR_DATA) public data) { }

  private started = false;
  public progress = this.data.uploadProgress.pipe(
    map(({ loaded, total }) => {
      if (loaded === undefined) {
        return !this.started ? 0 : 100;
      } else {
        this.started = true; …
Run Code Online (Sandbox Code Playgroud)

angular-material angular

9
推荐指数
3
解决办法
2万
查看次数

升级到DotNet Core 2.2后,Azure App Service无法运行

在DotNet Core 2.2发布后,我将我的解决方案升级到新版本,但是当我将其部署到我的Azure App Service时,它不再运行.它只是给出以下错误: The page cannot be displayed because an internal server error has occurred.

.csproj如果您需要,我的文件看起来像这样:

  <PropertyGroup>
    <TargetFramework>netcoreapp2.2</TargetFramework>
    <DockerDefaultTargetOS>Linux</DockerDefaultTargetOS>
  </PropertyGroup>

  <ItemGroup>
    <PackageReference Include="Microsoft.AspNetCore.App" />
    <PackageReference Include="Microsoft.AspNetCore.Authentication.JwtBearer" Version="2.2.0" />
    <PackageReference Include="Microsoft.AspNetCore.Razor.Design" Version="2.2.0" PrivateAssets="All" />
    <PackageReference Include="Microsoft.VisualStudio.Azure.Containers.Tools.Targets" Version="1.0.2105168" />
    <PackageReference Include="Microsoft.VisualStudio.Web.CodeGeneration.Design" Version="2.2.0" />
  </ItemGroup>

  <ItemGroup>
    <ProjectReference Include="..\DAL\DAL.csproj" />
    <ProjectReference Include="..\Model\Models.csproj" />
  </ItemGroup>

  <ItemGroup>
    <WCFMetadata Include="Connected Services" />
  </ItemGroup>

  <ItemGroup>
    <Folder Include="wwwroot\userPictures\" />
  </ItemGroup>

</Project>
Run Code Online (Sandbox Code Playgroud)

.net c# azure azure-web-sites .net-core

6
推荐指数
1
解决办法
1494
查看次数

向下滚动时自动隐藏 Angular Material 工具栏(顶部导航栏)

我目前有一个使用标准工具栏作为顶部导航的 Angular 应用程序。 我的网络应用程序顶部的图片

现在我希望导航栏在用户向下滚动时与用户一起向上滚动,并在向上滚动时重新出现。

我试过使用,window.pageYOffset但正如这里提到的,这个值总是返回0

我在这里为我的导航栏做了一个 Stackblitz 与我当前的设置。

css user-experience typescript angular

5
推荐指数
1
解决办法
5059
查看次数