Angular I';我想在ng模板上设置断点
我的html中有这一行Angular I';我想在ng模板上设置断点,angular,Angular,我的html中有这一行 <ng-template ngFor let-i="index" let-c="count" let-contact [ngForOf]="contacts"> ngFor似乎正在执行,而我并不期望它执行。我想“设置一个断点”,看看它是否真的在重新创建元素 我想到的是这样做: <ng-template ngFor let-i="index" let-c="count" let-contact let-dummy="functionCalledOnE
<ng-template ngFor let-i="index" let-c="count" let-contact [ngForOf]="contacts">
ngFor似乎正在执行,而我并不期望它执行。我想“设置一个断点”,看看它是否真的在重新创建元素
我想到的是这样做:
<ng-template ngFor let-i="index" let-c="count" let-contact let-dummy="functionCalledOnEachIteration" [ngForOf]="contacts">
然后在函数CalledOneAchitation中设置断点。但这种语法是不被接受的
有没有办法实现我的想法 ngFor
是的,有这样的语法:
<ng-template
ngFor let-contact [ngForOf]="contacts"
let-i="index" let-c="count" [ngForTrackBy]="functionCalledOnEachIteration"
>
trackBy通常用于环路优化(请参阅:)
ng模板调试
对于ng模板调试,我通常也使用以下技巧:
假设您不知道哪个let-x=“??”对模板有效。您可以尝试:
<ng-template let-context="valueOf()">{{log(context)}}</ng-template>
valueOf是object.prototype的一部分,如果未重写它,则返回自身。当您拥有模板上下文对象实例时,可以看到其所有属性。这些是您可以通过let-x=“?”语法访问的内容。ngFor
是的,有这样的语法:
<ng-template
ngFor let-contact [ngForOf]="contacts"
let-i="index" let-c="count" [ngForTrackBy]="functionCalledOnEachIteration"
>
trackBy通常用于环路优化(请参阅:)
ng模板调试
对于ng模板调试,我通常也使用以下技巧:
假设您不知道哪个let-x=“??”对模板有效。您可以尝试:
<ng-template let-context="valueOf()">{{log(context)}}</ng-template>
valueOf是object.prototype的一部分,如果未重写它,则返回自身。当您拥有模板上下文对象实例时,可以看到其所有属性。这些是您可以通过let-x=“?”语法访问的。Mino,您是最棒的!我现在就去应用这些信息。米诺,你是最棒的!我现在就去申请这些信息。