Bootstrap与Angularjs结合使用模态框的知识点包含以下几个方面：
1.Bootstrap框架介绍：Bootstrap是一个用于响应式设计的前端框架，它提供了丰富的UI组件，如模态框、导航栏、按钮、表格等，用于构建现代的Web应用程序。Bootstrap还具有良好的浏览器兼容性。
2.Angularjs框架介绍：Angularjs是一个基于JavaScript的开源前端框架，由Google维护。它主要用于构建单页应用程序（SPA）。Angularjs利用数据绑定和依赖注入等特性，简化了Web开发过程。
3.Bootstrap模态框组件：Bootstrap模态框是一个可以通过用户的操作显示出来的弹出层。模态框通常用来展示信息、确认操作、提交表单等。模态框包括头部、内容和尾部三个部分。
4.Angularjs中如何实现Bootstrap模态框：在Angularjs中实现Bootstrap模态框，首先需要在HTML页面中引入Bootstrap和jQuery的库文件以及Angularjs文件。然后在Angularjs模块中创建一个控制器，并在控制器中定义打开模态框的函数。
5.使用ng-click指令触发模态框：在Angularjs中，可以通过ng-click指令绑定一个按钮的点击事件，来调用控制器中定义的函数，从而触发模态框的显示。例如，可以通过ng-click="fun()"指令来触发打开模态框。
6.通过HTML元素的数据属性触发模态框：在HTML元素中使用data-toggle="modal"属性可以实现模态框的触发。data-target属性用于指定模态框组件的ID。当点击对应的按钮时，与data-target属性值对应的ID的模态框就会被触发。
7.模态框的控制：在控制器中，可以使用jQuery的方法来控制模态框的显示和隐藏。例如，使用$('#basic').modal('show')来显示模态框，使用$('#basic').on('hidden.bs.modal', function(){})来监听模态框的隐藏事件，并在事件触发时执行一些动作。
8.模态框事件的使用：Bootstrap模态框有多个与事件相关的钩子，允许开发者在模态框的不同生命周期阶段执行JavaScript代码。例如，隐藏模态框时触发的hidden.bs.modal事件。
9.模态框的布局和样式：Bootstrap使用CSS来控制模态框的布局和样式。开发者可以通过修改CSS来改变模态框的大小、位置等。Bootstrap还提供了多种模态框样式，开发者可以根据需要选择使用。
10.模态框内容的定制：在模态框的HTML结构中，可以自由地添加需要展示的内容，如文本、图片、表单等。
通过上述知识点，开发者可以利用Bootstrap与Angularjs结合的模式创建出动态交互的模态框。需要注意的是，虽然Bootstrap和Angularjs都使用了jQuery，但在实际项目中，通常情况下不建议将Angularjs与jQuery直接结合使用，因为两者在处理DOM和数据绑定方面的理念不同。在使用时应该避免冲突，并确保正确地管理依赖和事件。
