问题标签 [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.
angular - Angular 2+使用管道更新模板值
我正在编写购物车的结帐视图,其中array
显示了要购买的物品,如下所示:
app.component.html
我想给用户在最后一分钟向列表添加更多项目的可能性,但不知何故,即使我更新了array
和小计,总数也不会刷新。
array
我确实通过增加直接影响objects
in 的数量 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
?
有更好的方法吗?
谢谢!
angular - 角度参考# vs ngModel
我想知道什么时候必须在我的输入中使用 [(ngModel)] 以及什么时候可以只使用 #reference 例如
我应该在这里这样做,或者我可以这样做:
我会感谢任何答案)
angular - 角度自定义模板插值用花括号中断
我是 Angular 的新手,我找不到并回答我的问题。
我想更改 Angular 插值以使其与 Smarty 模板兼容,因此我将默认 ['{{','}}'] 更改为 ['[[',']]'] 或 ['[ ', ' ]'] 但如果模板包含以 { 开头的内容,我必须使用新的插值对其进行转义。
我创建了一个新应用
然后我将 app.component.ts 装饰器编辑为:
然后我在 app.component.html 上添加了带有新插值的新变量
我期望
但我收到一个 Angular 错误
要解决这个问题,我需要更新模板
如果新插值是“[[”“]]”,为什么我必须转义“{{”?
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吗?
angular - 角度 - 将管道的结果声明为局部变量
我在标签中使用了 ngx-pipe 的百分比管道两次。一次确定哪个颜色类别(成功或信息),一次显示百分比。
有没有一种方法可以将该管道的结果存储为本地模板变量一次,例如
我知道您可以将其存储在 *ngIf 或 *ngFor 指令中,例如
或者
我的问题有类似的方法吗?
angular - 如何将字符串转换为模板引用实例?
我正在 *ngFor 中设置 ngTemplateOutlet,如下面的代码片段
我在哪里list = [ {type: 'templateOne'}, {type: 'templateTwo'} ]
定义了如下模板。
上面的模板片段与下面提到的消息一起引发错误
由于item.type
使用的ngTemplateOutlet
是字符串类型,我怀疑它没有解析为 templateReference 变量。
如何将字符串转换为 templateReference 实例?
javascript - 为模板中的变量赋值 - Angular7
有切换两个按钮(编辑和提交),哪个按钮应该像点击时切换显示/隐藏样式一样工作
我需要 的showEditBtn
变量应该是true
默认的而不接触脚本文件
是否可以为模板中的变量赋值,如下例所示?
html - Angular:单选按钮[选中]未使用模板引用变量设置
正如标题所示,我有一个场景,如果选中“全选”单选按钮,它必须检查下面列中的所有单选按钮。不幸的是,这不起作用。
这是一个示例:
这里是一个示例 StackBlitz 的链接 。
例如,我不确定为什么在设置[checked]
如下时未检查所有“无”单选按钮:
angular - ngFor - 无法绑定到“testid”,因为它不是“输入”的已知属性。如何将 id 与字符串连接?
我正在尝试index
用我的 id 添加值。但得到一个错误:
这是我的模板:
我的代码有什么问题?有人帮我吗?
angular - Angular中变量和点之间的剩余空间,我该如何清理它?
ng-container
我的Angular html 模板中有一个条件块。呈现的 html 包含对我来说无法解释的空间,我该如何解决?
模板部分:
最终生成的 html 是:
为什么我在 ...reading 和 dot 之间有空格?
UPD。
我试着不使用span
,但我仍然是我们ng-container
并且仍然得到空间:
输出是: