Angularjs   发布时间:2022-04-20  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了什么是Angular 2模板中的let- *?大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我在Angular 2模板中遇到了@L_673_0@奇怪的赋值语法.
<template let-col let-car="rowData" pTemplate="body">
    <span [style.color]="car[col.field]">{{Car[col.field]}}</span>
</template>

似乎let-col和let-car =“rowData”创建了两个新变量col和car,然后可以绑定到模板内部.

资料来源:https://www.primefaces.org/primeng/#/datatable/templating

这个神奇的let- *语法叫什么?

它是如何工作的?

let-something和let-something =“别的东西”有什么区别?

可以使用< ng-container>重写上述代码吗?而不是< template>没有改变最终的DOM结构?

更新Angular 5

ngOutletContext已重命名为ngTemplateOutletContext

另见https://github.com/angular/angular/blob/master/CHANGELOG.md#500-beta5-2017-08-29

原版的

模板(< template>或< ng-template> from 4.X)作为嵌入视图添加并传递上下文.

使用let-col,上下文属性$implicit在模板中可用作绑定.
使用let-foo =“bar”,上下文属性栏可用作foo.

例如,如果添加模板

<ng-template #myTemplate let-col let-foo="bar">
  <div>{{Col}}</div>
  <div>{{foo}}</div>
</ng-template>

<!-- render above template with a custom context -->
<ng-template [ngTemplateOutlet]="myTemplate"
             [ngOutletContext]="{
                                  $implicit: 'some col value',bar: 'some bar value'
                                }"
></ng-template>

另见this answerViewContainerRef#createEmbeddedView.

* ng也是这样的.规范语法使这更加明显

<ng-template let-item [ngForOf]="items" let-i="index" let-odd="odd">
  <div>{{item}}
</ng-template>

其中NgFor将模板作为嵌入视图添加到DOM的每个项目项,并向上下文添加一些值(项,索引,奇数).

另见Using $implict to pass multiple parameters

大佬总结

以上是大佬教程为你收集整理的什么是Angular 2模板中的let- *?全部内容,希望文章能够帮你解决什么是Angular 2模板中的let- *?所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。