哈喽 小伙伴们大家好
昨天在用angular得antdesign组件得table表格 我用total模板 结果,total一直为0
这可是愁坏我了
<ng-template #totalTemplate let-total>
找到 {{ total }} 条结果
</ng-template>
[nzShowTotal]="totalTemplate"
最后找到原因了
是因为少写了[nzTotal]="total"
然后找了人家写得
let-变量 这个模板输入变量是通过模板得上下文对象中得定义并获取值得
我这里{{total}}变量取得是let-total 这是模板输入变量 然后我上下文对象中又没有定义total
下面让我来总结let-变量
let 声明得变量是这个template模板上下文对象中得变量
下面我看了其中一个博主得,写得很好,大家可以去看看他得原文,下面是我复制过来得原文:
在*ngFor内幕这小节中,我们了解到了其内幕,结构性指令其实就是将宿主元素包裹在一个<ng-template></ng-template>中,然后在这个模板上将*ngFor中的表达式解析成一个个的let模板输入变量和这个指令需要传入的值。由于模板中代码并不会直接被渲染成视图,所以一定需要某种方法来使模板变成视图。我们的结构性指令就是干这个事的,就是将我们的模板变成视图。
let变量的本质其实就是声明一个变量获取上下文对象中的同名属性的值
作者:吴小远
链接:https://juejin.cn/post/6956466729891561503
来源:稀土掘金
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。