小编onm*_*way的帖子

如何绑定到 Angular Material Autocomplete 下拉列表中的 Id,但按字符串表示进行过滤

我有一个带有过滤器的 Angular Material Autocomplete 下拉列表,该过滤器按CustomerName.

这是通过我的getAllCustomers()方法返回的客户实现的。于是我做了loop通过每个CustomerpushCustomerName到一个新的array,基本上变成我的filteredOptions

我的问题是:如何通过搜索 CustomerName 来实现此过滤器,但绑定到每个 Customer 的 Id?

object我最终想要保存的内容中,我想保存.Customer.Id而不是CustomerName.

我曾尝试创建一个 new object array,同时包含CustomerNameId,但这不适用于filteredOptionsandfilter方法。似乎该filter方法只需要一个array带有单个值的而不是objects.

另外,我需要在我的HTML.

这是我的基本fileredOptions实现:(注意:我包括object {name: element.CustomerName, id: element.Id}了我希望使用的。这不像解释的那样工作。工作方法只是推element.CustomerNamearray

filteredOptions: Observable<string[]>;

constructor(private loadDataService: LoadDataService, private assetDataService: AssetDataService, private router: …
Run Code Online (Sandbox Code Playgroud)

angular-material angular

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

Visual Studio 2017 无法修改 - 需要重新启动

我已经尝试更新和修改我的 Visual Studio 2017 2 天了,但是每次运行 Visual Studio 安装程序时,我都会收到以下消息:

“需要重新启动。如果需要,任何剩余的设置将在重新启动后恢复。”

显然我重新启动了大约10次......

知道我必须从哪里删除任何阻碍我尝试修改安装的临时垃圾吗?

visual-studio

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

如何阻止机器人抓取或索引 Angular 应用程序

我想发布一个用于测试目的的 Angular 应用程序,但我想确保该网站不会被机器人抓取或编入索引。

我假设(可能会很远!)我会<meta>简单地在我的 index.html 页面上添加我的标签,并在我的根目录中添加一个 robots.txt 文件?

这些是我的元标签:

<meta name="robots" content="noindex,nofollow">
<meta name="googlebot" content="noindex" />
Run Code Online (Sandbox Code Playgroud)

这是我的 robots.txt 文件的内容:

User-agent: *
Disallow: /
Run Code Online (Sandbox Code Playgroud)

先感谢您!

html robots.txt angular

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

MongoDB 远程备份和恢复

我希望你能帮助我。这是一个以前被问过的问题,但我已经尝试了所有解决方案,但根本无法解决。

在发布这个问题之前,我花了很多时间进行研究。我看过官方的 MongoDB 文档和许多其他博客。

如何远程进行数据库备份/转储,以及在本地恢复那个笨蛋?

这是我迄今为止所拥有的:

从新的 CMD 提示符 shell 运行它:

C:\Users\Admin>mongodump --host 10.13.9.210 -d C:\Program Files\MongoDB\Server\3.0\bin --port 29039 --out /backup/mongodump-2015-11-13
Run Code Online (Sandbox Code Playgroud)

我收到此错误:

2015-11-13T10:26:41.371+0200    error parsing command line options: expected argument for flag `/o, /out', but got option `/backup/mongodump-2015-11-13'
2015-11-13T10:26:41.371+0200    try 'mongodump --help' for more information
Run Code Online (Sandbox Code Playgroud)

其次; 我怎样才能在本地恢复这个备份?

先感谢您!

mongodb mongodump

4
推荐指数
1
解决办法
3395
查看次数

Angular mat-table dataSource.paginator 和 dataSource.sort 和 dataSource.filter 没有按预期工作

更新:将代码更改为立即调用并分配dataSource,但我仍然遇到相同的结果,除了sourceData.paginator正在工作。在sourceData.filtersourceData.sort仍然没有工作。

请注意:我没有收到任何错误,因为错误与现在正在工作的分页器有关。此外,它可能与我的数据格式有关,因此包含一些数据作为示例。请注意,我response.data用于将数据分配给源,然后{{asset.Data.FleetNumber}}用于显示字段。

我对 Angular 5 和 Angular Material 很陌生。我正在努力实施mat-table dataSource paginatorandsortfilterValue

我收到以下错误:(已解决

类型错误:无法设置未定义的属性“分页器”

而且我的过滤器不起作用。当我在过滤器字段中键入第二个字符后,我的列表返回空。

我尝试了不同的生命周期钩子,试图将sort和正确分配paginator给 my dataSource,但它似乎不起作用:ngDoCheck(), ngAfterViewInit(), ngAfterViewChecked(), ngAfterContentInit()。显然,其中一些会导致无限循环。

我已经在我的组件中实现了我的dataSourceandpaginatorsortandfilterValue如下:

...
dataSource = new MatTableDataSource<Asset>();
displayedColumns = ['fleetNumber', 'make'];

constructor(private assetDataService: AssetDataService, private router: Router,
    public dialog: MatDialog, public snackBar: MatSnackBar, private …
Run Code Online (Sandbox Code Playgroud)

angular-material angular

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

如何在 Angular 5 中使用 ngx-toastr 更改每个用例的特定 toast 的位置

我一直在阅读有关 ngx-toastr ngx-toastr的实际站点以及 Stack Overflow 上的其他帖子,但找不到适合我的工作案例的明确解决方案。

我正在尝试更改toastr特定用例的位置。例子; 当它是一个错误时,toastr在顶部显示。

我有一个非常普通的设置。

在我的app.module.ts我有以下内容:

import { ToastrModule } from 'ngx-toastr';
Run Code Online (Sandbox Code Playgroud)

在我的进口中,app.module.ts我有:

imports: [
    BrowserModule,
    ToastrModule.forRoot({
      timeOut: 3500,
      positionClass: 'toast-bottom-center',
      preventDuplicates: true,
}),
Run Code Online (Sandbox Code Playgroud)

在我的组件中,我toastr在我的 constructor :

constructor(private toastr: ToastrService) {}
Run Code Online (Sandbox Code Playgroud)

我使用toastr如下:

this.toastr.error('There was an error loading the Asset List!', 'Asset Register');
Run Code Online (Sandbox Code Playgroud)

根据我的设置,所有吐司都显示在'toast-bottom-center'. 如何修改此调用以在顶部显示吐司?

this.toastr.error('There was an error loading the Asset List!', 'Asset Register');
Run Code Online (Sandbox Code Playgroud)

toastr angular-material angular

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

订阅 Angular 服务中变量值的变化

如何订阅 Angular 服务中变量值的更改?

我已经做了很多搜索,但找不到解决方案(如果有可能的话!)。

我有一个component它是我的布局(标题)的一部分,它显示了购物车中的商品数量。该值绑定到变量simsInCartLength

然后我有一个service处理从购物车中添加和删除项目的操作。在serviceI 中有一个名为的变量noSims,用于存储购物车中项目数组的长度。

如何订阅对服务变量 noSims 的更改?

我的组件中的代码:

simsInCartLength = this.cartService.noSims;
Run Code Online (Sandbox Code Playgroud)

我的服务中的代码(当从购物车中添加或删除项目时,变量会更新:

this.noSims = this.simsInCart.length;
Run Code Online (Sandbox Code Playgroud)

先感谢您!

rxjs typescript angular

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