删除 ngFor 中的前 4 个字符答案

【问题标题】：Remove first 4 character in ngFor删除 ngFor 中的前 4 个字符
【发布时间】：2019-03-27 06:19:07
【问题描述】：

我有以下 ngFor 我想删除c.FilmCode 的前四个字符

 <li class="">
    <a [(ngModel)]="selectedmovies" ngDefaultControl name="" class="form-control" (click)="togglemovies()" id="cbocmovies" [ngModelOptions]="{standalone: true}">{{selectedmoviestext}}</a>
    <div [ngClass]="{toggleMovie:IsToggleMovie==true}" *ngIf="movies.length > 0">
        <ul class="clearfix">
            <li *ngFor="let c of movies" [value]="c.FilmCode" (click)="OnMoviesChange(c.FilmTitle,c.FilmCode)">{{c.FilmTitle}}</li>
        </ul>
    </div>
</li>

下面是ts代码

showmoviecombo(CinemaId) {
  this.common.createAPIService('api/cinemas/GetListByCinemaId?CinemaId=' + CinemaId, '').subscribe((result: any) => {
        this.movies = result;
        //this.movieids = this.movies.FilmCode;
        console.log(this.movieids);
  });
}

有什么办法吗？

【问题讨论】：

使用这个"your_string_here".substring(4);或者你可以使用管道？？
是的..完成..它工作了..substring

标签： javascript angular angular5 ngfor

【解决方案1】：

您也可以使用 Slice 删除前四个字符

<li class="">
<a [(ngModel)]="selectedmovies" ngDefaultControl name="" class="form-control" (click)="togglemovies()" id="cbocmovies" [ngModelOptions]="{standalone: true}">{{selectedmoviestext}}</a>
<div [ngClass]="{toggleMovie:IsToggleMovie==true}" *ngIf="movies.length > 0">
    <ul class="clearfix">
        <li *ngFor="let c of movies" [value]="c.FilmCode" (click)="OnMoviesChange(c.FilmTitle,c.FilmCode)">{{c.FilmTitle.slice(4)}}</li>
    </ul>
</div>

【讨论】：

【解决方案2】：

你可以在你的字符串值方法上使用substring

 <li class="">
    <a [(ngModel)]="selectedmovies" ngDefaultControl name="" class="form-control" (click)="togglemovies()" id="cbocmovies" [ngModelOptions]="{standalone: true}">{{selectedmoviestext}}</a>
    <div [ngClass]="{toggleMovie:IsToggleMovie==true}" *ngIf="movies.length > 0">
        <ul class="clearfix">
            <li *ngFor="let c of movies" [value]="c.FilmCode" (click)="OnMoviesChange(c.FilmTitle,c.FilmCode)">{{c.FilmTitle?.substring(4)}}</li>
        </ul>
    </div>
</li>

【讨论】：