Angularjs 在bootstrap 3.6模式中未正确显示传单地图

当我尝试在模式中显示地图时，我得到以下结果：

我的控制器angularJS中没有任何内容，这是我的html：

<leaflet lf-center="japan" geojson="geojson" geojson-nested="true" height="45vh"></leaflet>

试试这个：

$scope.newMeeting = function(session) {
  $('#meetingModal').modal('show');
  map.invalidateSize(); // add this to your existing code
};

试试这个：

$scope.newMeeting = function(session) {
  $('#meetingModal').modal('show');
  map.invalidateSize(); // add this to your existing code
};

---

打开modal后，您必须加载地图。显示更多代码（加载地图的modal和JS代码）。我正在尝试实现这个示例：这是我的JS代码，这里是我的modal：打开modal后，您必须加载地图。显示更多代码（加载地图的模式和JS代码）。我正在尝试实现这个示例：这是我的代码JS，这里是我的模式：这是我第一次使用这个组件，地图样式显示没有任何调用（JS端），所以我不知道地图的确切调用位置这是我第一次使用这个组件，地图样式显示时没有任何调用（js端），因此我不知道地图的确切调用位置