Javascript 在Angular 4中提交事件时关闭引导4模式

我正在使用Bootstrap4开发Angular 4应用程序

我已经实现了一个引导模式组件，它运行良好。单击它会显示，单击十字将其关闭

模式包含用于添加用户的表单

单击添加用户按钮，正确添加用户

如果用户添加成功，我只想关闭模式

我在角度分量中使用了

onSubmit（）

函数：

onSubmit({value, valid}) {
    if (valid) {
      console.log(value);
      this.formInvalid = false;
      this.userMeta = value;
      this.allUsers.unshift(this.userMeta);
    } else {
      console.log('Form is invalid!', valid);
      this.formInvalid = true;
    }
  }

---

那么，有什么方法可以关闭此函数中的模式吗？

假定您正在使用项目（您应该将引导组件与Angular而不是jQuery一起使用）

在模态组件中，您可以通过依赖项注入获取对自身的引用：

构造函数（公共模式：NgbActiveModal）{}

然后您可以使用适当的方法：

modal.disclose（）

以错误/原因关闭

modal.close（某物）

要以结果结束，请使用您的

userMeta

例如-无论您想要返回什么

---

---

如果您使用的是带有jQuery依赖项的标准引导，而不是Angular版本，那么您应该能够使用

$（“#myModal”）.modal（'hide'）

，如前所述。

页面中是否包含jQuery？我想您在使用bootstrap时会用到它。是的，我已经通过

.angular cli.json

文件将其包括在内。。。类似这样：

”./node\u modules/jquery/dist/jquery.js“，

：（我希望我使用了ng引导…现在我使用了标准引导如何从我的typescript代码关闭模式？还有一个问题，叔叔…可以切换到ng引导吗？答案的第二部分解释了如何使用标准jQuery。在这一点上切换到ng引导不会太容易，你必须重写引导的所有用法组件，比如modals。实际上，第二部分解释了如何使用jQuery

$（“#myModal”）。modal（'hide'）

我认为我不能在我的TS文件中使用

$（“#myModal”）。modal（'hide'）

一段代码。与typescript中的所有外部依赖项一样，是的，请尝试从文件顶部的“jQuery”以$形式导入*。