问题标签 [angular-template-variable]

我正在编写购物车的结帐视图，其中array显示了要购买的物品，如下所示：

app.component.html

我想给用户在最后一分钟向列表添加更多项目的可能性，但不知何故，即使我更新了array和小计，总数也不会刷新。

array我确实通过增加直接影响objectsin 的数量 var 来更新小计，array如下所示：

app.component.ts

然后我通过将每个小计传递pipe给作为参数的给定来重新计算每个小计，x.qt这是增加的数量（管道只是相乘x.price * x.qt）。

app.component.html

问题是全局total不会更新从filters.

app.component.html

CalculateTotalpipe只是循环整个array添加 all totals，不知何故初始total是正确的，但对小计的修改不会生效。

有什么方法可以刷新shoppingarray以CalculateTotalpipe生成更新的total?

有更好的方法吗？

谢谢！

我想知道什么时候必须在我的输入中使用 [(ngModel)] 以及什么时候可以只使用 #reference 例如

我应该在这里这样做，或者我可以这样做：

我会感谢任何答案）

我是 Angular 的新手，我找不到并回答我的问题。

我想更改 Angular 插值以使其与 Smarty 模板兼容，因此我将默认 ['{{','}}'] 更改为 ['[[',']]'] 或 ['[ ', ' ]'] 但如果模板包含以 { 开头的内容，我必须使用新的插值对其进行转义。

我创建了一个新应用

然后我将 app.component.ts 装饰器编辑为：

然后我在 app.component.html 上添加了带有新插值的新变量

我期望

但我收到一个 Angular 错误

要解决这个问题，我需要更新模板

如果新插值是“[[”“]]”，为什么我必须转义“{{”？

在 Angular 6/7 中，我有一个组件，我将内容投影到其中（ParentComponent模板）：

在MyComponent课堂上，我可以使用ContentChildren装饰器获取所有模板的QueryList：

挑战在于我想在特定模板上执行代码，这些模板由ParentComponent通过@Input() templateNames.

问题是我不知道如何读取name属性或我在ParentComponent的ng-template标签上设置的任何其他内容。我不知道如何区分一个 TemplateRef 和另一个；

请记住，MyComponent不能对将使用什么名称或是否应该处理所有ng-templates做出任何假设——我上面示例中的最后一个不应该被处理，因为它没有在@Input() templateNames中列出。我可以在ParentComponent中设置什么来帮助我区分两个TemplateRef吗？

我在标签中使用了 ngx-pipe 的百分比管道两次。一次确定哪个颜色类别（成功或信息），一次显示百分比。

有没有一种方法可以将该管道的结果存储为本地模板变量一次，例如

我知道您可以将其存储在 *ngIf 或 *ngFor 指令中，例如

或者

我的问题有类似的方法吗？

我正在 *ngFor 中设置 ngTemplateOutlet，如下面的代码片段

我在哪里list = [ {type: 'templateOne'}, {type: 'templateTwo'} ]定义了如下模板。

上面的模板片段与下面提到的消息一起引发错误

由于item.type使用的ngTemplateOutlet是字符串类型，我怀疑它没有解析为 templateReference 变量。

如何将字符串转换为 templateReference 实例？

演示 -例如，请参阅此链接并验证控制台是否存在错误

有切换两个按钮（编辑和提交），哪个按钮应该像点击时切换显示/隐藏样式一样工作

我需要 的showEditBtn变量应该是true默认的而不接触脚本文件

是否可以为模板中的变量赋值，如下例所示？

堆栈闪电战示例

正如标题所示，我有一个场景，如果选中“全选”单选按钮，它必须检查下面列中的所有单选按钮。不幸的是，这不起作用。

这是一个示例：

这里是一个示例 StackBlitz 的链接 。

例如，我不确定为什么在设置[checked]如下时未检查所有“无”单选按钮：

我正在尝试index用我的 id 添加值。但得到一个错误：

这是我的模板：

我的代码有什么问题？有人帮我吗？

ng-container我的Angular html 模板中有一个条件块。呈现的 html 包含对我来说无法解释的空间，我该如何解决？

模板部分：

最终生成的 html 是：

为什么我在 ...reading 和 dot 之间有空格？

UPD。

我试着不使用span，但我仍然是我们ng-container并且仍然得到空间：

输出是：