Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/qt/6.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angular I';我想在ng模板上设置断点_Angular - Fatal编程技术网

Angular I';我想在ng模板上设置断点

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

我的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="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,您是最棒的!我现在就去应用这些信息。米诺,你是最棒的!我现在就去申请这些信息。