ngb-alertは、type = "success"またはtypeなしでのみ動作します。

Question

私は以下のコードを使用しています。

<ngb-alert *ngIf="alertError" class="fade animate-show animate-hide" (close)="alertError = false"><strong>{{ message }}</strong></ngb-alert> 
<ngb-alert *ngIf="alertSuccess" class="animate-show animate-hide" type="success" (close)="alertSuccess = false"><strong>{{ message }}</strong></ngb-alert> 

しかし、私は次のように変更した場合、それは私のpackage.jsonは、このようではありません

<ngb-alert *ngIf="alertError" class="fade animate-show animate-hide" type="danger" (close)="alertError = false"><strong>{{ message }}</strong></ngb-alert> 
<ngb-alert *ngIf="alertSuccess" class="animate-show animate-hide" type="primary" (close)="alertSuccess = false"><strong>{{ message }}</strong></ngb-alert> 

ありません。

"dependencies": { 
    "@angular/animations": "^4.3.4", 
    "@angular/cdk": "^2.0.0-beta.8", 
    "@angular/common": "^4.3.4", 
    "@angular/core": "^4.3.4", 
    "@angular/forms": "^4.3.4", 
    "@angular/http": "^4.3.4", 
    "@angular/material": "^2.0.0-beta.8", 
    "@angular/platform-browser": "^4.3.4", 
    "@angular/platform-browser-dynamic": "^4.3.4", 
    "@angular/router": "^4.3.4", 
    "@ng-bootstrap/ng-bootstrap": "~1.0.0-alpha.30", 
    "angular-loader": "^1.6.5", 
    "bootstrap": "^3.3.7", 
    "core-js": "^2.4.1", 
    "font-awesome": "^4.7.0", 
    "primeng": "^4.1.3", 
    "rxjs": "^5.4.2", 
    "screenshot-desktop": "^1.1.0", 
    "underscore": "^1.8.3", 
    "zone.js": "^0.8.16" 
    }, 
    "devDependencies": { 
    "@angular/cli": "^1.2.7", 
    "@angular/compiler": "^4.3.4", 
    "@angular/compiler-cli": "^4.3.4", 
    "@types/jasmine": "^2.5.53", 
    "@types/node": "^8.0.19", 
    "codelyzer": "^3.1.2", 
    "jasmine-core": "^2.7.0", 
    "jasmine-spec-reporter": "^4.1.1", 
    "karma": "^1.7.0", 
    "karma-chrome-launcher": "^2.2.0", 
    "karma-cli": "^1.0.1", 
    "karma-jasmine": "^1.1.0", 
    "karma-jasmine-html-reporter": "^0.2.2", 
    "protractor": "^5.1.2", 
    "ts-node": "^3.3.0", 
    "tslint": "^5.5.0", 
    "typescript": "^2.4.2" 
    } 

ここで間違いを教えてもらえますか？なぜプライマリか危険のタイプは機能しません。

Answer 1

はfadeクラスをここで使用することはできません。

class="fade animate-show animate-hide" 

私があなたのコードを実行すると、それは私に成功を示すだけです。 しかし、fadeクラスを削除すると、両方のメッセージが表示されます。私は私への依存関係のリストを比較

EDIT

。

あなたのライブラリを更新しようとしましたか？
あなたは、コマンドラインからこれを実行することができます：私はしないことをあなたが持っている

npm update -D && npm update -S 

依存関係、：

"angular-loader": "^1.6.5", 
"font-awesome": "^4.7.0", 
"primeng": "^4.1.3", 
"screenshot-desktop": "^1.1.0", 
"underscore": "^1.8.3" 

を私は特にその最初の1 angular-loaderについて疑問に思って。 あなたはそれが何のために知っていますか？そのドキュメントによると、Angular JSの依存関係です。

Answer 2

私は同様の問題に遭遇しました。私の問題は、Angularは、タイプを読み取る変数を渡していると考えていたことです。明らかに、primaryという名前の変数がないため、失敗しました。 [type]="'primary'"に変更すると、問題が完全に解決されました。

<ngb-alert *ngIf="alertSuccess" class="animate-show animate-hide" [type]="'primary'" (close)="alertSuccess = false"><strong>{{ message }}</strong></ngb-alert>