以下关键字在angular2 ng-template中是如何使用的

  • angular 2模板中$implicit的用途是什么?
  • let-<attribute>$implicit之间是什么关系?

推荐答案

可以在ng-templatelet-name之间定义局部变量

当ANGLE通过调用createEmbeddedView创建模板时,它还可以传递将在ng-template中使用的上下文

在上下文对象中使用键$implicit会将其值设置为默认值.因此,如果我们写道:

vcRef.createEmbeddedView(template, { $implicit: 'value' })

我们有模板

<ng-template let-foo> 
 {{ foo }}
</ng-template>

然后我们可以这样想

<ng-template let-foo="$implicit"> 
  {{ foo }}
</ng-template>

所以foo等于value

100

另一方面,如果我们有如下上下文:

{ bar: 'value' }

我们必须声明如下变量:

let-foo="bar"

Angular相关问答推荐

我使用Ngrx的子集 Select 器不起作用

Angular 16路卫单元测试可观察到的SpyObj属性

在Angular 17中加载页面时打开打印对话框

为什么这个拦截器只在发送事件上触发,而不是在实际响应上触发?

使用当前选定的选项创建IF语句

如何重新显示ngbAlert(Bootstrap widgest for Angular)消息后再次驳回它

如何使用解析器处理Angular 路由中存储的查询参数以避免任何额外的导航?

在Drective Composure API中使用指令输出

除非将 signal.set 作为间隔的一部分调用,否则Angular 信号效果不会执行

Angular ngSubmit 不起作用(内部按钮和导入模块)

Nz 树 Select .如何在子 node 中显示父 node 名称?

如何在Angular中自动路由到子路由

RxJS - .withLatestFrom 的多个来源

react表单上的自定义验证器用于密码并确认密码匹配将未定义的参数导入 Angular 4

如何在 Angular Cli 中生成 .angular-cli.json 文件?

请求 http.GET 时发送的 Angular2 OPTIONS 方法

Angular 2中基于Condition条件的点击事件

Angular - 是否有 HostListener-Events 列表?

NG 测试中的调试测试

将 [NgStyle] 与条件组合(if..else)