0

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

我知道这个问题已经得到解答，但这个版本没有，其他解决方案也不起作用。

控制：

  $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)

4

1 回答 1

0

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

您需要将您的 templateurl 路径更改为：

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

或者

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

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

于 2018-11-29T01:36:59.870 回答