小编App*_*mer的帖子

我意识到 Microsoft 有某种原因在 VSC 的文件夹 EXPLORER 部分中添加新的“查找”工具..但是...我是一个习惯的生物。当我单击文件然后按 Ctrl+F 时，我会立即开始输入我要查找的值。结果在文件编辑器窗格中看起来像这样......

但在上次更新中，当我单击 EXPLORER 中的文件并按 Ctrl+F 时，我现在在 EXPLORER 窗格中获得了这个新的小工具，并且光标移至那里。我不停地打字，文件编辑器中没有任何反应，直到我咒骂了几个近乎咒骂的单词，并且必须在文件编辑器中单击，然后再次按 Ctrl+F 并重新开始输入搜索字符串。这让我很烦恼，因为这是老习惯。

我怎样才能回到原来的工作方式？是否有一个简单的配置埋在我可以更改的地方？

谢谢。

我大约两个月前开始了Angular 4 Material项目，当时安装了所有当前的npm，并且正在使用material.angular.io中的大多数组件。从那时起，Angular 5.0.0已经推出。我通过项目在新的更新上进行了重建，并且控制台出现以下错误。

错误：模板解析错误：'mat-card'不是已知元素：1.如果'mat-card'是Angular组件，则请验证它是否属于此模块。2.如果“ mat-card”是Web组件，则将“ CUSTOM_ELEMENTS_SCHEMA”添加到该组件的“ @ NgModule.schemas”以禁止显示此消息。

我已经检查了安装，并相信我已经拥有了所有当前功能，但是以前可以运行的代码现在失败了。这是A5的新要求，还是材料包装尚未准备就绪？

我在工具栏中有一个标准的 Angular Material Menu...

    <button mat-icon-button #videoMenu #menuTrigger="matMenuTrigger" [matMenuTriggerFor]="vidmenu" matTooltip="Watch videos" class="toolbar-btn"
(click)="onShowVid()">
    <mat-icon [style.color]=vidIconColor [style.background-color]=vidIconBackcolor>local_movies</mat-icon>
</button>
&emsp;
<mat-menu #vidmenu="matMenu">
    <button mat-menu-item>
        <img src="assets/images/vid_welcome.jpg" height=40px/>
        <span> Welcome</span>
    </button>
    <button mat-menu-item>
            <img src="assets/images/vid_video1.jpg" height=40px/>
            <span>Video 1</span>
        </button>
    <button mat-menu-item>
        <img src="assets/images/vid_video2.jpg" height=40px/>
        <span>Video 2</span>
    </button>
</mat-menu> 

在测试中，无论我们制作多大的材质菜单图标，用户都看不到它。一位用户建议我们在打开菜单的情况下开始体验……这样他们就可以看到选项，点击一个，然后菜单关闭。然后他们就会知道它在那里供将来使用。

我已经研究过在 ngOnInit() 期间远程触发 click() 以打开它，但所有示例都是旧的 angular 版本，即使我让它工作，我猜它也会有问题。

有没有办法简单地将菜单设置为“打开”的默认状态，然后从那里正常运行？

The latest Material documentation says the following..

If you want to close a custom snack-bar that was opened via openFromComponent, from within the component itself, you can inject the MatSnackBarRef.

but they don't show you how to do it.

In their example, they nest a component within the same .ts file as the calling module, and they don't show the ref being passed in. But since I want to use a more centralized approach, I have created a new module …

在 *ngFor 循环中，我正在构建带有示例阅读文本的搜索结果（垫卡）列表，我希望允许用户单击其中一个来阅读更多内容，并打开一条通往填充的文档模板的路径与正确的医生。

这个静态 HTML 与 routerlinkactive 一起使用，捕获文档视图页面中的参数...

<button mat-button [routerLink]="['/docview', {sDocName: 'AW010001'}]">READ MORE...</button>

我想将硬编码的文档 ID 'AW010001' 替换为通过 *ngFor 的每次迭代的适当 ID。但是这段代码失败了...

<button mat-button [routerLink]="['/docview', {sDocName: '{{sDocIDs[i]}}'}]">READ MORE...</button>

我得到的错误是典型的......

解析器错误：获得插值 ({{}})，其中表达式应位于 [['/docview', {[sDocName]:'{{sDocIDs[i]}}' }]] 中的第 25 列

我设法让我的Angular 5应用程序在AWS EC2 Ubuntu上运行...

开始标准的Ubuntu实例,使用PuTTy进入shell,安装节点,进入下4条"魔术线"......

mkdir ~/.npm-global
npm config set prefix '~/.npm-global'
export PATH=~/.npm-global/bin:$PATH
source ~/.profile

做了我的公司目录,为@ angular/cli做了全局npm安装,克隆了我的git,将dir更改为项目子文件夹,为@ angular/cli做了本地npm安装,然后为我的项目运行了npm install.此时,我能够在上述任何步骤中运行ng服务而没有严重错误!噢!

它显示它很高兴在端口4200上运行.我甚至用netstat -anp检查了 grep 4200以及telnet 127.0.0.1 4200.是的所有工作.

然后我进入AWS仪表板,为我的实例创建了一个安全组,使用默认值打开HTTP和HTTPS,然后为Port Range 4200添加一个自定义TCP规则,打开到Anywhere,并保存.但是,当我进入浏览器并输入http://xx.xx.xx.xx:4200(其中x是AWS分配给我的实例的公共IP)时,我得到一个"无法建立连接到服务器"错误.

我错过了什么？