Связывающее выражение не может содержать цепочечное выражение в конце выражения ANGULAR 7 - PullRequest
0 голосов
/ 21 мая 2019

Ошибка, отображаемая во время npm run build

    Parser Error: Binding expression cannot contain chained expression at the end of the expression [getImageUrl(image, true);] in E:/Work/JamesJ/Pixie/pixie-image-editor/source/src/app/image-editor-ui/panels/open-sample-image-panel/open-sample-image-panel.component.html@34:9 ("

<div class="samples" *ngIf="sampleImages" >
    <img [ERROR ->][src]="getImageUrl(image, true);" *ngFor="let image of sampleImages" (click)="openSampleImage(image)"")
: Parser Error: Binding expression cannot contain chained expression at the end of the expression [getImageUrl(image, true);] in E:/Work/JamesJ/Pixie/pixie-image-editor/source/src/app/image-editor-ui/panels/open-sample-image-panel/open-sample-image-panel.component.html@34:9 ("

<div class="samples" *ngIf="sampleImages" >
    <img [src]="getImageUrl(image, true);" [ERROR ->]*ngFor="let image of sampleImages" (click)="openSampleImage(image)">
</div>")
: Parser Error: Binding expression cannot contain chained expression at the end of the expression [getImageUrl(image, true);] in E:/Work/JamesJ/Pixie/pixie-image-editor/source/src/app/image-editor-ui/panels/open-sample-image-panel/open-sample-image-panel.component.html@34:9 ("ngIf="sampleImages" >
    <img [src]="getImageUrl(image, true);" *ngFor="let image of sampleImages" [ERROR ->](click)="openSampleImage(image)">
</div>")

HTML-код

    <div class="samples" *ngIf="sampleImages" >
    <img [src]="getImageUrl(image, true);" *ngFor="let image of sampleImages" (click)="openSampleImage(image)">
</div>

и код компонента:

public getImageUrl(image: SampleImage, useThumbnail = false) : string {
    const url = (image.thumbnail && useThumbnail) ? image.thumbnail : image.url;
    // prefix relative link with base url, if needed
    if (url.indexOf('//') === -1) {
        return this.config.getAssetUrl(url);
    } else {
        return url;
    }
}

1 Ответ

2 голосов
/ 21 мая 2019

Удалить точку с запятой:

    <img [src]="getImageUrl(image, true)" ...>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...