【BUG】Upgrade the new version 1.0.0-beta.4 error

From 1.0.0-beta.3-2 upgrade to 1.0.0-beta.4, I was directly remove the package and then reinstall the upgrade, the last error is as follows:

zone.js:642 Unhandled Promise rejection: Template parse errors:
Can't bind to 'pageSizeAllText' since it isn't a known property of 'td-paging-bar'.
1. If 'td-paging-bar' is an Angular component and it has 'pageSizeAllText' input, then verify that it is part of this module.
2. If 'td-paging-bar' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.
3. To allow any property add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component. ("
...................

• article-list.component.html

    <td-paging-bar #pagingBar [pageSizeAllText]="pageSizeAllText" [pageSizeAll]="true" [pageSizes]="pageSizes" 
                [initialPage]="initialPage" [firstLast]="firstLast" [pageSize]="pageSize" [total]="total" (change)="change($event)">
      <span td-paging-bar-label hide-xs>Row per page:</span>{{pagingBar.range}} <span hide-xs>of {{pagingBar.total}}</span>
  </td-paging-bar>

• Package.json

{
  "name": "ui",
  "version": "0.0.0",
  "license": "MIT",
  "scripts": {
    "ng": "ng",
    "start": "ng serve --proxy-config proxy.conf.json",
    "build": "ng build",
    "test": "ng test",
    "lint": "ng lint",
    "e2e": "ng e2e"
  },
  "private": true,
  "dependencies": {
    "@angular/animations": "^4.1.3",
    "@angular/common": "^4.0.0",
    "@angular/compiler": "^4.0.0",
    "@angular/core": "^4.0.0",
    "@angular/forms": "^4.0.0",
    "@angular/http": "^4.0.0",
    "@angular/material": "^2.0.0-beta.5",
    "@angular/platform-browser": "^4.0.0",
    "@angular/platform-browser-dynamic": "^4.0.0",
    "@angular/router": "^4.0.0",
    "@covalent/core": "^1.0.0-beta.4",
    "@covalent/dynamic-forms": "^1.0.0-beta.4",
    "@covalent/highlight": "^1.0.0-beta.4",
    "@covalent/markdown": "^1.0.0-beta.4",
    "core-js": "^2.4.1",
    "hammerjs": "^2.0.8",
    "rxjs": "^5.1.0",
    "zone.js": "^0.8.4"
  },
  "devDependencies": {
    "@angular/cli": "1.0.3",
    "@angular/compiler-cli": "^4.0.0",
    "@types/jasmine": "2.5.38",
    "@types/node": "~6.0.60",
    "codelyzer": "~2.0.0",
    "jasmine-core": "~2.5.2",
    "jasmine-spec-reporter": "~3.2.0",
    "karma": "~1.4.1",
    "karma-chrome-launcher": "~2.1.1",
    "karma-cli": "~1.0.1",
    "karma-jasmine": "~1.1.0",
    "karma-jasmine-html-reporter": "^0.2.2",
    "karma-coverage-istanbul-reporter": "^0.2.0",
    "protractor": "~5.1.0",
    "ts-node": "~2.0.0",
    "tslint": "~4.5.0",
    "typescript": "~2.2.0"
  }
}

• app.module.ts

import 'hammerjs';
import {BrowserModule} from '@angular/platform-browser';
import {NgModule} from '@angular/core';
import {FormsModule} from '@angular/forms';
import {HttpModule} from '@angular/http';
import {AppRoutingModule} from './app-routing.module';
import {BrowserAnimationsModule} from '@angular/platform-browser/animations';

// Component
import {AppComponent} from './app.component';
import {BlogComponent} from './blog/blog.component';
import {NotFoundComponent} from './not-found/not-found.component';
import {FooterComponent} from './footer/footer.component';
import {HeaderComponent} from './header/header.component';
import {ArticleListComponent} from './article-list/article-list.component';
import { RightInfoComponent } from './right-info/right-info.component';
import { CovalentChipsModule } from '@covalent/core';
import { LoginComponent } from './login/login.component';
import { RegisterComponent } from './register/register.component';

// Covalent
import { CovalentLayoutModule, CovalentStepsModule} from '@covalent/core';
import { CovalentHighlightModule } from '@covalent/highlight';
import { CovalentMarkdownModule } from '@covalent/markdown';
import { CovalentDynamicFormsModule } from '@covalent/dynamic-forms';

// Material
import { MaterialModule } from '@angular/material';


@NgModule({
  declarations: [
    AppComponent,
    BlogComponent,
    NotFoundComponent,
    FooterComponent,
    HeaderComponent,
    ArticleListComponent,
    RightInfoComponent,
    LoginComponent,
    RegisterComponent
  ],
  imports: [
    BrowserModule,
    FormsModule,
    HttpModule,
    AppRoutingModule,
    BrowserAnimationsModule,
    // Covalent
    CovalentLayoutModule,
    CovalentStepsModule,
    CovalentHighlightModule,
    CovalentMarkdownModule,
    CovalentDynamicFormsModule,
    // Material
    // MaterialModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule {
}

[jotatoledo]

Are you injecting the PagingModule in any other module/place? If not, u need to inject it here. That means:

import { CovalentLayoutModule, CovalentStepsModule, CovalentPagingModule } from '@covalent/core';

and add it to the imports section. I think that should solve your problem

[aansheng]

Sorry, my English is not very good, but covalent is really great!