角度错误-角度7中出现意外字符“ EOF”

Question

我正在将Angular 7与Adminlte结合使用。当我为有角度的人服务时，问题就不存在了。尝试构建时出现此错误：

  

错误：模板解析错误：   意外字符“ EOF”（模板中是否有未转义的“ {”？使用“ {{'{'}}””）进行转义。）（“ adscript] =” assets / dist / js / adminlte.min。 js“>     

<div class="wrapper">
<app-navbartop></app-navbartop>
<app-navbaraside></app-navbaraside>
<div class="content-wrapper">
<!-- Content Header (Page header) -->
<section class="content-header">
  <ol class="breadcrumb">
    <li>
      <a href="#">
        <i class="fa fa-dashboard"></i> Home</a>
    </li>
    <li class="active">Dashboard</li>
  </ol>
</section>

<!-- Main content -->
<section class="content">

      <div class="row">
        <div class="col-xs-12">
          <div class="box">

            <!-- <div class="box-header">
              <h3 class="box-title"></h3>
            </div> -->
          <div class="box-header">
            <div class="input-group">
                <input class="form-control" type="text" name="search" [(ngModel)]="filter" placeholder="Search ...">   
                <span class="input-group-addon">
                    <span class="fa fa-search"></span>
                   </span>
            </div> 
          </div>              
            <!-- /.box-header -->
            <div class="box-body">
              <table id="example2" class="table table-bordered table-hover table-striped table-condesed">
                <thead>
                <tr>
                  <th width="5%">#</th>
                  <th>MSISDN</th>
                  <th>Subscribe</th>
                  <th>Package</th>
                  <th>Status</th>   
                  <th>Amount</th>
                  <th>Channel</th>    
                  <th>Service Name</th>                                      
                  <th>Actions</th>                   
                </tr>
                </thead>
                <tbody>
                  <tr  *ngFor="let product of products| filter:filter | paginate: { itemsPerPage: 5, currentPage: p }; let i = index">
                    <td>{{i + 1}}</td>
                    <td>{{product.msisdn}}</td>
                    <td>{{product.is_subscribe === 1 ? 'Yes' : 'No'}}</td>
                    <td>{{product.package_id}}</td>
                    <td>{{product.status}}</td>  
                    <td>{{product.amount}}</td>  
                    <td>{product.status}}</td>  
                    <td>{{product.amount}}</td>                                          
                  <td>
                      <!-- <button class="btn btn-info" (click)="updateService(service)">Edit</button> -->
                      <button class="btn btn-info" routerLink="/cloudsubscriptionsupdate/{{channel}}">Edit</button>
                      <button class="btn btn-danger" (click)="deleteCloudsubscription(service)" style="margin-left: 20px;"> Delete</button>
                  </td>                                  
                </tr>
                </tbody>
              </table>
              <pagination-controls (pageChange)="p = $event"></pagination-controls>
            </div>
            <!-- /.box-body -->
          </div>
          <!-- /.box -->


          <!-- /.box -->
        </div>
        <!-- /.col -->
      </div>
      <!-- /.row -->



</section>
  </div>  
<app-navbarfooter></app-navbarfooter>
  </div>
  <i [appLoadscript]="assets/dist/js/adminlte.min.js"></i>
  <i [appLoadscript]="assets/dist/js/demo.js"></i>