Angular 无法读取属性'；背景'；未定义的

这是我在HTML页面中使用的代码。在我的角度模块中，我导入了所有相关的东西。但总是说这个错误是因为背景。请帮忙。我不知道这个背景。如果有人能解释这个错误是什么，为什么会出现

<div class="animated fadeIn">
      <div class="row">
        <div class="col-lg-12">
          <div class="card">
            <div class="card-header">
              <i class="fa fa-align-justify"></i> Bootstrap Modals
            </div>
            <div class="card-block">
              <!-- Button trigger modal -->
              <button type="button" class="btn btn-secondary" data-toggle="modal" (click)="smallModal.show()">
        Launch small modal
      </button>
            </div>
          </div>
        </div>
        <!--/.col-->
      </div>
      <!--/.row-->
    </div>

    <div bsModal #smallModal="bs-modal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
      <div class="modal-dialog modal-sm" role="document">
        <div class="modal-content">
          <div class="modal-header">
            <h4 class="modal-title">Modal title</h4>
            <button type="button" class="close" (click)="smallModal.hide()" aria-label="Close">
      <span aria-hidden="true">&times;</span>
    </button>
          </div>
          <div class="modal-body">
            <p>One fine body&hellip;</p>
          </div>
          <div class="modal-footer">
            <button type="button" class="btn btn-secondary" (click)="smallModal.hide()">Close</button>
            <button type="button" class="btn btn-primary">Save changes</button>
          </div>
        </div>
        <!-- /.modal-content -->
      </div>
      <!-- /.modal-dialog -->
    </div>
    <!-- /.modal -->

导入此类：

// RECOMMENDED
import { ModalModule } from 'ngx-bootstrap/modal';
// or
import { ModalModule } from 'ngx-bootstrap';

@NgModule({
  imports: [ModalModule.forRoot(),...]
})
export class AppModule(){}

---

如果您尝试按工厂动态加载组件，如下所示：

const factory = this.resolver.resolveComponentFactory(YOURModalComponent);
const componentRef = this.fileAttacherContainer.createComponent(factory);
const component = componentRef.instance;

您必须等到工厂解析器完成组件创建，我的意思是，当组件尚未创建时，然后初始化未调用的ngx引导背景，例如，如果您调用如下所示的显示模式，一切正常：

setTimeout(() => {
    component.show();
}, 2000); //any millisecond

但是，别忘了这是一个糟糕的解决方案，但我告诉了你更好的理解

最后，好的解决方案是使用承诺或简单地调用

component.show（）ngAfterViewInit

中的code>

顺便说一下，也请阅读本文：

---

您遇到了什么错误？错误类型错误：无法读取未定义的属性“background”Post您尝试的角度代码您应该编辑您的问题，而不是用问题的重要部分进行评论background通常是对话框/弹出模式窗口后面的“面纱”的therm。从模板中可以清楚地看出，您正在显示某种模态，但类代码并不相关。张贴您正在使用的相关代码或第三方ocde

setTimeout(() => {
    component.show();
}, 2000); //any millisecond