代码之家  ›  专栏  ›  技术社区  ›  firasKoubaa

角度4:按产品构建:属性是私有的,只能在类内访问

  •  14
  • firasKoubaa  · 技术社区  · 7 年前

    ng build --prod

    我明白了:

    ng build --prod
    Your global Angular CLI version (1.2.2) is greater than your local
    version (1.0.0). The local Angular CLI version is used.
    
    To disable this warning use "ng set --global warnings.versionMismatch=false".
    Hash: 7fce5d10c4c3ac9745e8
    Time: 68351ms
    chunk    {0} polyfills.7790a64cc25c48ae62ea.bundle.js (polyfills) 177 kB {4} [initial] [rendered]
    chunk    {1} main.f10680210e9e45ed33cc.bundle.js (main) 382 kB {3} [initial] [rendered]
    chunk    {2} styles.d2e6408caea42ccabf99.bundle.css (styles) 175 bytes {4} [initial] [rendered]
    chunk    {3} vendor.fc69ec31f7ef40b5fffb.bundle.js (vendor) 5.9 MB [initial] [rendered]
    chunk    {4} inline.91747411075ce6c7f438.bundle.js (inline) 0 bytes [entry] [rendered]
    
    ERROR in ng:///D:/Sources/DotNet/NextGCClientWeb/src/app/login/login.component.html (11,3): Property 'activatedRoute' is private and only accessible within class 'Login
    Component'.
    
    ERROR in ng:///D:/Sources/DotNet/NextGCClientWeb/src/app/login/login.component.html (11,3): Property 'activatedRoute' is private and only accessible within class 'Login
    Component'.
    

    这个错误似乎很奇怪:

    ERROR in 
        ng:///D:/Sources/DotNet/NextGCClientWeb/src/app/login/login.component.html (11,3): Property 'activatedRoute' is private and only accessible within class 'Login Component
    

    错误中的指示成分如下:

    import { Component } from '@angular/core';
    import { Router, ActivatedRoute, Params } from '@angular/router';
    import { Http, Response } from '@angular/http';
    import { SessionService } from './../../shared/service';
    
    import { User } from './../../model';
    
    @Component({
      selector: 'login',
      templateUrl: './login.component.html',
      styleUrls: ['./login.component.css']
    })
    export class LoginComponent {
      error: string;
      email: string;
      password: string;
      stayConnected: Boolean;
    
      constructor (
        private sessionService: SessionService,
        private router: Router,
        private activatedRoute: ActivatedRoute
      ) {
        if (activatedRoute.snapshot.params['keyWording']) {
          this.sessionService.logInWithFinalization(activatedRoute.snapshot.params['keyWording']);
        }
      }
    
      logIn() {
        this.sessionService.logIn(this.email, this.password, this.stayConnected).subscribe(
          () => {
            if (this.sessionService.pageRequestedInUnauthenticated == null) {
              this.router.navigate(['/welcome']);
            } else {
              this.router.navigate([this.sessionService.pageRequestedInUnauthenticated]);
            }
          },
          (error: Response) => this.error = error.json()
        );
      }
    }
    

    <div id="divLogin">
      <h1>Se connecter</h1><br>
      <i class="fa fa-envelope-o fa-lg" id="iconEmail"></i>
      <input type="text" id="email" [(ngModel)]="email" (keyup.enter)="logIn()" class="form-control" placeholder="Adresse email" autofocus />
      <i class="fa fa-lock fa-lg" id="iconPassword"></i>
      <input type="password" id="password" [(ngModel)]="password" (keyup.enter)="logIn()" class="form-control" placeholder="Mot de passe" />
      <button (click)="logIn()" class="btn btn-primary btn-block btn-lg">Connexion</button>
      <span id="containerStayConnected" title="Non implémenté"><input type="checkbox" id="stayConnected" [(ngModel)]="stayConnected" /><label for="stayConnected">Restez connecté</label></span>
      <a id="forgetPassword" title="Non implémenté">Mot de passe oublié</a><br><br><br>
      <a routerLink="/inscription">S'inscrire</a><br>
      {{ error }}
    </div>
    
    <div class="confirmationMessage" *ngIf="activatedRoute.snapshot.params['keyWording'] == 'validateInscription'"><br>Un lien de confirmation vous a été envoyé sur votre boîte email afin de valider votre compte. Merci.</div>
    
    <div id="piedDePage"></div>
    

    运行时 我没有抓住它。

    任何主张??

    4 回复  |  直到 7 年前
        1
  •  18
  •   brijmcq    7 年前

    更改为公共activatedRoute

    你需要进行activatedRoute public .这是使用aot进行生产时的检查表。(摘自此github项目 https://github.com/asadsahi/AspNetCoreSpa ,尽管它适用于任何其他角度项目。)

    • 不要对模板或样式使用require语句,请使用STYLEURL和 在构建时。
    • 不要使用form.controls。controlName,使用form.get(controlName)

    • 不要在提供者、路由或声明中使用函数,导出函数,然后引用该函数名 输入、输出、视图或内容子级(ren)、主机绑定和 您在Angular的模板或注释中使用的任何字段都应该是公共的

    保持activatedRoute私有

    theData:any;
    constructor (
    private sessionService: SessionService,
    private router: Router,
    private activatedRoute: ActivatedRoute
     ) {
         this.activatedRoute.params.subscribe(
          params => {
            this.theData= params['keyWorking']; 
            //you will bind the theData instead of the activatedROute
          }
        );
    }
    

    <div class="confirmationMessage" *ngIf="theData == 'validateInscription'">
    <br>Un lien de confirmation vous a été envoyé sur votre boîte email afin de 
     valider votre compte. Merci.</div>
    
        2
  •  3
  •   Henry Zhang    7 年前

    Property is private and only accessible within class

    报告的原始“错误”不是错误,但至少对于版本2、4、5,AOT的正常限制。模板中使用的变量需要声明为“public”。模板被视为一个单独的Typescript类。

    或者可以使用ng build-prod-aot=false进行构建

        3
  •  0
  •   Chrillewoodz    7 年前

    您正在尝试访问 activatedRoute constructor private 变量这意味着您在使用AOT时将无法从模板中访问它。

    public activatedRoute 或者根本不要从模板中使用它来解决这个问题。

        4
  •  0
  •   SIddharth Pradhan    6 年前