AngularJS，Bootstrap 4 的 UIB，无法找到并加载模板

Question

我正在使用 UIBootstrap 支持 AngularJS 和 Bootstrap 4. 实现因模块而异，因为我们一半使用 redux屏幕。在某一特定屏幕中找不到模板。

我知道这个问题已经得到解答，但不是这个版本，其他解决方案也行不通。

Ctrl:

  $scope.openDeleteConditionModal = () => {
    $uibModal.open({
      templateUrl: 'delete-condition-modal.html',
      scope: $scope,
      backdrop: 'static',
      controller: ($uibModalInstance) => {
        $scope.conditionModalClose = () => {
          $scope.modalToggle = () => {
            ctrl.toggleDeleteModal(false);
          };
          $uibModalInstance.close();
        };
      },
    });
  };

  // Open delete modal
  ctrl.deleteExistingCondition = (condition) => {
    ctrl.ConditionToBeDeleted = condition;
    ctrl.toggleDeleteModal(true);
  };

  $scope.$watch(() => ctrl.showDeleteModal, (newValue, oldValue) => {
    if (newValue !== oldValue) {
      if (newValue) {
        $scope.openDeleteConditionModal();
      } else {
        $scope.conditionModalClose();
      }
    }
  });

我的文件结构：

notifications
|--actions
|--angular
|--|--templates
|--|--|--delete-condition-modal.html
|--|--|--notifications.html

我想在删除按钮上访问 delete-condition-modal，当我这样做时，我得到了这个：angular.js:14525 Error: [$compile:tpload] Failed to load template: templates/delete-condition-modal.html (HTTP status: 404 Not Found)

Answer 1

我假设您没有使用 ng-templates（为构建打包）。

您需要将模板网址路径更改为：

templateUrl: 'angular/templates/delete-condition-modal.html',

或

templateUrl: 'notifications/angular/templates/delete-condition-modal.html',

我还假设您在部署此解决方案时已将文件复制到构建目录。

AngularJS，Bootstrap 4 的 UIB，无法找到并加载模板

AngularJS, UIB for Bootstrap 4, cannot find and load template

angularjs

bootstrap-4

bootstrap-modal

uib