问题标签 [angular-template-variable]

我只想有条件地显示一个包含数据的块，否则我将显示一个 noContent 块。数据是从服务器获取的。

注意： 1-我不想实现两个s，即：

2-以下语句有效

在下面的代码中

将#myRef1是ElementRef, 并且#myRef2将是MyCustomAttributeComponent指令。基本上，它隐式地找到第一个组件并将其与模板引用变量相关联。感谢 ，我可以强制执行我想要的指令/组件exportAs，但是在这里，我实际上ElementRef在这两种情况下都想要。

有什么东西可以强制#myRef2成为ElementRef 没有 TypeScript的@ViewChild(..., { read: ElementRef })。我需要在我的模板中myRef2访问ElementRef。

目前使用 Angular 8，最终得到了这样的代码。

这是否会影响性能，如果是，我们如何才能获得更好的实现。

我已经查看了几篇有关此类问题的帖子，但没有找到解决方案。

描述：

• 一切都显示在 init 上的最后一个对象值“专业”（model.overview：IOverview）
• 当我改变它时，绑定似乎工作。
• 模板变量不起作用，它将全部显示为红色（当任何字段无效时）或全部显示为绿色，否则...

html:

代码：

结果页面加载： 我编辑一些输入字段时的结果：

我在这里哪里出错了？

EDIT1：这是生成的 html：http ://codebin.herokuapp.com?s=5e6e7688a569680004000006

EDIT2：在页面加载时添加初始图片（绿色）

我有一个Order对象和一个客户对象。JSON payload对象Order如下：

这JSON payload就是Customer对象

我有订单页面，我想在其中显示订单列表。但不是order.customer_id显示customer_name

对于我有getCustomerById它customer_id作为参数并返回customer_name.

这是我的OrdersPage课：

这是orders.page.html

这个 html 可以工作，但它返回的order.customer_id不是customer_name 我试图通过调用模板中的函数来获取名称，这种方式{{getCustomerById(order?.customer_id)}}不起作用，控制台中也没有错误。

customer_name在订单列表中获取该字段的最佳方法是什么？

这是我的customer.service.ts

已编辑

我通过其组件中的模板变量获得了对 a 的引用。

现在，如何在控制器的方法中动态更改内容？

我正在尝试这样做： this.templateLogGroup.elementRef.nativeElement.innerHtml = "<strong>changed<strong>";

但在屏幕上什么都没有改变。

另一方面，如果我将“templateLogGroup”的内容打印到控制台，我会注意到内容发生了templateLogGroup.elementRef.nativeElement.innerHtml变化。

所以似乎这个操作不会触发渲染

这是代码： https ://stackblitz.com/github/pinale/changetemplatecontent

我有一个需要一些输入的组件，我关心的输入是 feedList。在 feedList 中有填充了自己数据的提要对象。但是，根据提要，有时在创建对象时未提供某些数据，因此未定义。

我的问题是在我的 HTML 中有一个 ngFor 并显示提要。但是例如某些提要，它们没有

已定义，因此当组件呈现时它会抱怨未定义。这是完整的 HTML

所以我关心的是摆脱控制台中的未定义错误。到目前为止我所做的是这个。

它控制台记录 ngoninit 并设置值并且 HTML 显示良好。但是，我仍然在控制台日志中收到错误消息，指出属性 feed.bla.bla.extraClass 未定义。我尝试使用构造函数并检查未定义的 extraClass 但由于某种原因，当构造函数运行时，未填充 feedList(input)。我究竟应该怎么做才能克服这个问题？

我有一个这样的选择选项：

当我有任何可能的值时，impulse我的期望是由于下拉列表中的选定关键字，默认情况下会选择当前选项，但事实并非如此。逻辑运算符是否曾经评估过需要布尔值的属性？isTrainingtrue

这里的完整选择是

UPD

这是下面的代码：

当我们将代码更改为

即[selected]两者都相同（但外观不同）。

即<option [selected]="true" value="10">10</option>有效，<option [selected]="impulse === 10 || isTraining" value="10">10</option>但无效

更新 2

这就是它在下面查找代码的方式：

选择的问题与使用[(ngModel)]="impulseSelection"for 选择器（即值的绑定，在控制器端使用）相关，并初始化为

因此，关联的绑定总是将选择器的值覆盖为 3，而它并不存在。看起来唯一的解决方案是在分配为 trueimpulseSelection时将此值强制为 10 。isTraining

我正在使用角度 v9。我正在创建一个组件，参数是项目列表和回调，在 ngOnInit 中，我调用函数组并减少项目参数，每个项目，我调用回调，在我的应用程序中我只返回项目我想分组。

部分代码：
HTML - 组件

打字稿 - 组件

还有我对组件的使用：
HTML - 组件使用

打字稿 - 组件使用

所以我在运行我的组件时遇到了这个错误

我的期望是没有错误的工作，因为该组件工作得很好，但是有这个错误......我已经尝试在@ContentChild中更改为静态：true，并创建embedViews但不起作用..

有没有办法访问在 ng-template 元素中声明的#interface？

我必须把 <interface-settings 放在 <ng-template.

因为我需要使用 *ngTemplateOutlet。

由于我找不到解决方案，我必须添加另一个 <interface-settings #interface，而不是在 ng-template 中声明它。

如果您知道其他解决方法，将不胜感激。谢谢