带有具体化的角度 2 模态不会打开

Question

>我正在尝试在组件加载时打开一个模态，但没有出现任何内容，我看不出为什么。任何帮助都会很棒。

组件.html：

<div id="modal" class="modal modal-fixed-footer" materialize="modal" [materializeActions]="actions">
<div class="modal-content">
<h4>Modal Header</h4>
<p>A bunch of text</p>
</div>
<div class="modal-footer">
<a href="#!" class="modal-action modal-close waves-effect waves-green btn-flat ">Agree</a>
</div>
</div>

组件.ts：

import { Component, OnInit, EventEmitter, AfterViewInit } from '@angular/core';
import { QuizService } from '../services/quiz.service';
import { Answer, Question, Quiz } from '../models/index';
import {MaterializeAction, MaterializeDirective, MaterializeModule} from "angular2-materialize";
import "materialize-css";
@Component({
selector: 'app-quiz',
templateUrl: './quiz.component.html',
styleUrls: ['./quiz.component.sass'],
providers: [QuizService]
})
export class QuizComponent implements OnInit, AfterViewInit {
actions = new EventEmitter<string|MaterializeAction>();
quiz: Quiz = new Quiz(null);
pager = {
index: 0,
size: 1,
count: 1
};
selections: [string]
constructor(private quizService: QuizService) { }
ngOnInit() {
}
ngAfterViewInit() {
this.openModal()
}
openModal() {
this.actions.emit({action:"modal",params:['open']});
}
}

我尝试在谷歌上搜索并找出我错过了什么。任何帮助都会很棒

Answer 1

这对我不起作用的原因是因为我将其呈现为一种模式，但它被链接为具有新路径的新页面。因此，一旦我删除了此链接，模态就起作用了。