ViewContainerRefをサービスに挿入するにはどうすればよいですか？

Question

サービスにViewContainerRefを注入しようとしましたが、エラーNo provider for ViewContainerRef!を受け取りました。私はthis PRを見つけました。これは、私が後にしていることを正確に示しており、マージされたようです。

ここでは、thisを使用してプレースホルダを使用してこれを実現する方法について認識しています。

Answer 1

ジャスト@Host（）デコレータを持つコンストラクタにそれを渡すには、そのよう：

@Injectable() 
export class SomeService { 

    constructor(@SkipSelf() @Host() private viewContainerRef: ViewContainerRef) { } 

} 

注：@SkipSelf（）注釈オプションですが、依存関係の解決は親インジェクタから始まる保証します。

Answer 2

それは

ContainerRefについてERRORエラー文句を保つように、この作業を取得するために苦労：キャッチされない（約束で）：エラー：ViewContainerRefなしプロバイダーを！ エラー：ViewContainerRefのプロバイダがありません！

import { Injectable, ViewContainerRef } from '@angular/core'; 
import { Route, CanActivate, CanLoad } from '@angular/router'; 
import { AuthenticationService } from "../../services"; 

import { Host, SkipSelf } from '@angular/core'; 
import { ModalDialogService, ModalDialogOptions } from "nativescript-angular/modal-dialog"; 

import { LoginControlComponent } from "../../controls/login/login.control.component" 

// import { TNSFancyAlert, TNSFancyAlertButton } from 'nativescript-fancyalert'; 

@Injectable() 
export class AuthGuard implements CanActivate, CanLoad { 

constructor(

    private authenticationService: AuthenticationService, 
    private modalService: ModalDialogService, 
    @SkipSelf() @Host() private viewContainerRef: ViewContainerRef 
    // private router: Router 
) { 

} 

canActivate(): Promise<boolean> { 

    console.log("Auth Guard Checked !!"); 

    return new Promise((resolve, reject) => { 
     if (this._isAuth()) { 
      resolve(true); 
     } else { 


      // use generic selection modal 
      let options: ModalDialogOptions = { 
       context: { 
        title: "Login", 
        desc: "Please Enter you Username/email and password" 

       }, 
       fullscreen: false, 
       viewContainerRef: this.viewContainerRef 
      }; 

      this.modalService.showModal(LoginControlComponent, options) 
      .then(x=>{ 

      }) 

     } 
    }); 
} 
// canActivate(): Promise<boolean> { 

//  console.log("Auth Guard Checked !!"); 

//  return new Promise((resolve, reject) => { 
//   if (this._isAuth()) { 
//    resolve(true); 
//   } else { 
//    // login sequence to continue prompting unless canceled 
//    let promptSequence = (usernameAttempt?: string) => { 
//     this.authenticationService.promptLogin('Please enter your username and password', usernameAttempt) 
//      .then(() => { 
//       console.log("User Verified"); 
//       resolve(true); 
//      }, 
//      (usernameAttempt) => { 
//       if (usernameAttempt === false) { 
//        // user canceled prompt 
//        console.log("User Cancelled"); 
//        resolve(false); 
//       } else { 
//        // initiate sequence again 
//        console.log("INI Seq. again"); 
//        promptSequence(usernameAttempt); 
//       } 
//      }); 
//    }; 
//    // start login prompt sequence 
//    // require auth before activating 
//    promptSequence(); 
//   } 
//  }); 
// } 

canLoad(route: Route): Promise<boolean> { 
    return this.canActivate(); 
} 


private _isAuth(): boolean { 
    console.log("Authencticated Value ", this.authenticationService.authenticated$.getValue()); 
    return this.authenticationService.authenticated$.getValue(); 
} 

}