问题标签 [angular-template-variable]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
110 浏览

angular - Angular 2+使用管道更新模板值

我正在编写购物车的结帐视图,其中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是正确的,但对小计的修改不会生效。

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

有更好的方法吗?

谢谢!

0 投票
4 回答
4224 浏览

angular - 角度参考# vs ngModel

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

我应该在这里这样做,或者我可以这样做:

我会感谢任何答案)

0 投票
0 回答
205 浏览

angular - 角度自定义模板插值用花括号中断

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

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

我创建了一个新应用

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

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

我期望

但我收到一个 Angular 错误

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

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

0 投票
2 回答
4481 浏览

angular - 从 QueryList 中识别特定的 Angular TemplateRef

在 Angular 6/7 中,我有一个组件,我将内容投影到其中(ParentComponent模板):

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

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

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

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

0 投票
1 回答
1222 浏览

angular - 角度 - 将管道的结果声明为局部变量

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

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

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

或者

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

0 投票
3 回答
2940 浏览

angular - 如何将字符串转换为模板引用实例?

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

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

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

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

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

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

0 投票
5 回答
11762 浏览

javascript - 为模板中的变量赋值 - Angular7

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

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

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

堆栈闪电战示例

0 投票
3 回答
1181 浏览

html - Angular:单选按钮[选中]未使用模板引用变量设置

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

这是一个示例:

这里是一个示例 StackBlitz 的链接

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

0 投票
1 回答
830 浏览

angular - ngFor - 无法绑定到“testid”,因为它不是“输入”的已知属性。如何将 id 与字符串连接?

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

这是我的模板:

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

0 投票
1 回答
78 浏览

angular - Angular中变量和点之间的剩余空间,我该如何清理它?

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

模板部分:

最终生成的 html 是:

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

UPD。

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

输出是: