小编Nar*_*arm的帖子

背景

尝试1:

尝试2:

尝试3:

问题

尝试4:

通过使用此方法,显示动态组件HTML,但是我收到一个新错误:"错误错误:formGroup需要一个FormGroup实例.请传入一个."

StackBlitz有错误的情况

在 ngFor 中使用 "trackBy: index" 是否是一个好习惯？

例如 ：

<li *ngFor="let error of fileErrors.value; trackBy : index;"> {{error}} </li>

在所有 *ngFor 中都需要使用 trackBy 以提高性能，否则我们可以忽略它。

如果我们忽略，那么默认情况下将使用什么迭代器实现？

我在 Angular(v6) 中使用 ngx-translate 和延迟加载方法。我面临一个问题translate.instant('Title')

使用翻译管道它工作正常。（{{'Title' | translate}}）

使用translate.instant()默认语言的方法始终有效，但我无法通过共享模块中的语言选择器（选择用于切换语言的组件）更改语言。

不想this.translate.onLangChange.subscribe每次都用，这个方法有没有替代方法？

我不知道如何正确提出这个问题，所以首先对糟糕的标题感到抱歉。

基本上，为了解释这个问题，我使用了我使用 vueJS 构建的 Web 应用程序的上下文。

在这个应用程序中，我有一个使用来自服务器的数据呈现的简单表，基本上我得到一个对象数组，每个对象都有一些属性，属性的范围并不重要。

现在我想在表中显示一些数据，如果某些属性不是来自服务器，我想隐藏表上的属性，但保持表的结构，缺少的属性应该有一个空桌子上的空间。

我是这样做的：

<div :style="{'visibility': computedValue}"></div>

这个计算值基本上是一个计算属性，它返回可见性属性的“隐藏”或“显示”。

但这带来了一些问题；在计算属性上，我根据属性对象返回数据，例如：

company.createdAt可以是未定义的，如果我将可见性与:style.

我来自一个角度的环境，v-if并且v-show都有些不同，我知道，V-如果需要的元素出从DOM和V-节目不断，但在VUE，如果我做上面的例子中的V-表明它仍然可以作为v-if 渲染数据的工作方式就像数据从 DOM 中删除一样。

我只是想要空的空间，就像它仍然存在一样。

对此有任何帮助或解释吗？

我在尝试显示 .txt 中包含的值列表时遇到问题<mat-select>。我在页面底部获取所有选项列表，而不是将它们显示在 的箭头旁边<mat-select>。

我是Angular框架的新手，并且最近已将其介绍给attribute *ngFor=""。

据我了解，它采用与JavaScript for()循环相同的参数...因此，*ngFor="let item of itemCollection"。但是，与其他指令相反，*ngFor它不需要[]将其视为代码。

该文档页面建议该hero属性需要[]围绕该属性，以便将该值视为代码，并返回的值"hero"：

<app-hero-detail *ngFor="let hero of heroes" [hero]="hero"></app-hero-detail>

为什么会这样呢？该*ngFor也评估，但不需要[]明显......这是不是*表示，该值必须始终作为代码或者什么被视为前缀？

我想添加我自己的自定义付款错误文本（我们使用 Account Funds 并想添加一个额外的提示）

我如何更改，以下显示资金不足时，来自：

抱歉，您所在的州似乎没有可用的付款方式。如果您需要帮助或希望做出其他安排，请联系我们。

带有如下链接的错误消息：

您没有足够的资金来处理此订单，请<a href="/my-account">top up</a>或升级。谢谢你。

文本似乎存储在模板/结帐/payment.php

https://github.com/woocommerce/woocommerce/blob/ef05bfccfc01bb2c621ef1293e61f7c57950670f/templates/checkout/payment.php

如何更改它而不会被 Woocommerce 版本升级消灭？

我是角度新手。我想在 Angular 5 中创建一个可扩展的树。我尝试使用 Angular-tree-component 和 ngx-treeview。但他们的问题是他们需要一个特定格式的 json 。是否有任何库可以读取任何类型的 json 并创建可扩展树？或者我是否需要将 json 转换为该 npm 模块需要的格式？

我想做一些类似于Angular js 1 中提供的tree-grid-directive( http://khan4019.github.io/tree-grid-directive/test/treeGrid.html ) 的事情。

（抱歉我的英语，这不是我的母语...）

当我用它的模板调用它时，我在我的组件中注入的一些输入参数有一些问题。

滑块-multiple.component.ts ：

import { Component, Input } from '@angular/core';

@Component({
  selector: 'slider-multiple',
  templateUrl: './slider-multiple.component.html'
 })
export class SliderMultipleComponent  {
   @Input() public modifiable: boolean;
 }

滑块-multiple.component.html ：

<button *ngIf="modifiable">Slider Button</button>

指令的调用（例如在 app.component.html 上）：

<slider-multiple modifiable="activation"></slider-multiple>

随着激活的app.component.ts定义：

export class AppComponent  {
   public activation : boolean = false ;

   public activate(){
     this.activation = !this.activation;
   }
 }

只有当指令的激活参数为 true 时，我在组件的 html 模板上定义的按钮才应该可见（通过 *ngIf）。

有谁知道为什么它不能按预期工作？

一个Stackblitz来帮助。

提前致谢 ！

我有一个 Angular 2+ 表单组，每个表单字段都有 tabIndex。

如何在每次按 Enter 键时将焦点更改到下一个表单字段（类似于按 Tab）？

JavaScript 参考 - Enter 按键的行为类似于 Javascript 中的 Tab