标签: angular5

我ngx-bootstrap在 Angular 5 项目中使用。有谁知道如何结合日期选择器与Timepicker？当我选择一个时间时，它总是包括今天的日期。我想使用Datepicker.

如果可能的话，最好将它放在同一模型上。这个想法是将它传递给webapi接受datetime属性（c#）的 a 。

提前致谢！

在我的 Angular 5 应用程序中使用 "@ng-bootstrap/ng-bootstrap": "1.0.0-beta.6" 版本时，一切看起来都很好。但是，如果我在模态窗口中有一个触发路线更改的按钮，则即使在路线更改之后，模态窗口也不会关闭。

在很少的研究中，我发现了类似的东西，在以前的引导程序版本中，点击模态窗口，我们用来查看特定组件内与模态窗口相关的代码，以及随着组件被销毁，甚至模态窗口被销毁时的路由更改。但是在当前版本中，我几乎在 body 标记的末尾看到了与模态窗口相关的代码，这些代码不受路由更改的影响。

无论如何要在路线更改时关闭模态？

每当我使用我的角度项目对index.html进行任何更改时，Serviceworker都不会更新，并且始终在index.html上提供旧的缓存版本。我该如何解决（服务器端和浏览器也没有缓存）

这是我的ngsw-config文件

{
  "index": "/index.html",
  "assetGroups": [{
    "name": "app",
    "installMode": "prefetch",
    "resources": {
      "files": [
        "/favicon.ico",
        "/index.html",
        "/manifest.json"
      ],
      "versionedFiles": [
        "/*.bundle.css",
        "/*.bundle.js",
        "/*.chunk.js"
      ]
    }
  }, {
    "name": "assets",
    "installMode": "lazy",
    "updateMode": "prefetch",
    "resources": {
      "files": [
        "/assets/**"
      ]
    }
  }]
}

我对请求的响应标头：

任何想法如何解决这个问题？

谢谢

我在设置模板驱动的表单输入的值时遇到问题。该值来自一个editMovie对象。我希望在显示时用 editMovie 值填充表单，然后用户可以编辑 editMovie 对象的一部分或保持不变。为没有[(ngModel)]附加到它们的输入正确设置表单值，但不会设置默认值。下面是一个例子：

<div class="form-group">
    <label for="imdb">Edit IMDb ID</label>
    <input #editImdb type="text" class="form-control" name="imdb" [(ngModel)]="editReviewForm.imdb" [value]="editMovie.imdb" required="" />
    <div class="mt-1" style="color:red">
        *required
    </div>
</div>

<div class="form-group">
    <label for="trailer">Edit Youtube Trailer</label>
    <input #editTrailer type="text" class="form-control" name="trailer" value="{{ editMovie.trailer }}" />
</div>

第一个不起作用，而第二个起作用。按照此处的SO 问题，我尝试将 value 属性置于像这样的双向数据绑定中：[(value)]但这不起作用。按照这个SO 问题，我尝试过，[ngValue]但这在浏览器中引发了解析错误Can't bind to 'ngValue' since it isn't a known property of 'input'

有人知道如何绑定模板驱动的表单输入的值吗？

我正在尝试在 agm-map 上添加街景叠加层，以便在切换自定义按钮时访问。

但是，我无法访问和修改此地图元素的街景。

有人可以帮助我指出正确的方向吗？我正在尝试做一些类似于下面的例子。它在 javascript 中看起来很简单，但我正在努力在 Angular 5 中实现相同的目标

https://developers.google.com/maps/documentation/javascript/streetview#StreetViewOverlays

我有一个网站，其主页在我的路由模块中定义为：

const appRoutes: Routes = [
{
  path: '',
  component: HomeComponent
}];

现在我想为管理员用户显示一个不同的主页（仪表板页面）。我可以更改根据用户角色调用的“组件”吗？

在伪代码中类似：

const appRoutes: Routes = [
{
  path: '',
  IF UserRole = 'Admin'
     component: DashboardComponent
  ELSE
     component: HomeComponent
}];

我正在按照 Angular Material github 上的指南设置自定义全局配置以在小吃店模块上使用。这是我遵循的指南。

然而，由于在文档最高审计机关，没有出口的MAT_SNACK_BAR_DEFAULT_OPTIONS唯一MAT_SNACK_BAR_DATA，但它不是重写默认配置。

这是我尝试过的：

import { MatSnackBarModule, MAT_SNACK_BAR_DATA } from '@angular/material/snack-bar';

providers: [
    { provide: MAT_SNACK_BAR_DATA, useValue: { duration: 2500 } }
]

我也试过这样：

{ provide: MatSnackBarConfig, useValue: { duration: 2500 } }
{ provide: MatSnackBarConfig, useClass: SnackClass }

但没有一个选项有效。小吃在指定时间后永远不会自动关闭。

就像标题所说,我继续得到这个奇怪的错误.我也尝试使用npm uninstall xml2js卸载它,但直到现在还没有任何工作.

我正在使用 BsModalRef 来显示模式并使用该content属性发送数据。所以我们有一些这样的：

this.followerService.getFollowers(this.bsModalRef.content.channelId).subscribe((followers) => {
    this.followerList = followers;
    this.followerList.forEach((follower) => {
      follower.avatarLink = this.setUserImage(follower.userId);
      this.followerEmails.push(follower.email);
    });
  });

我们在 bsModalRef ( this.bsModalRef.content.channelId) 的内容中设置 channelId 。它工作正常。现在我正在为此编写单元测试。问题是我无法模拟它。我尝试过覆盖、间谍等，但似乎没有任何效果。我正在使用此链接中提到的方法。一种替代方法是使用 TestBed，但我不太了解它的用途。任何人都可以帮我找到可以实现这一目标的任何方法吗？

我只是按照演示来展示一个简单的数据表.这是我的代码:

columns = [
    {name: 'ID', prop: 'id'},
    {name: 'Street Address', prop: 'address.street'},
    {name: 'Suburb', prop: 'address.suburb'},
    {name: 'State', prop: 'address.state'},
    {name: 'Manager Name', prop: 'manager.name'},
    {name: 'Manager Company', prop: 'manager.company'},
  ];

<ngx-datatable #table
  class = 'material striped'
  [columns] = "columns"
  [rows] = "rows | async"
  [footerHeight] = "25" >
</ngx-datatable>

排序确实有效,但是当我点击一列来对记录进行排序时,我也会收到此错误:

我从Firestore获取了Observable行.