Question

当我尝试使用angular-strap的工具提示时，我收到此错误。任何想法为什么会发生以及如何解决它？

GET http://localhost:3000/tooltip/tooltip.tpl.html 404 (Not Found)

我的代码看起来像;

var initTooltipAge = function () {
            // Tooltip Validation workaround https://github.com/mgcrea/angular-strap/issues/106
            var inputAge = document.getElementById('input-age');
            if (inputAge) {
                var tooltipAge = this.$tooltip(angular.element(inputAge), {
                    title: "blabla",
                    placement: 'top',
                    trigger: 'manual',
                    style: 'alert'
                });
            }

Answer 1

您忘了加载模板文件：

加载所需的javascript库（不需要Bootstrap脚本文件）。

<script src="//cdnjs.cloudflare.com/ajax/libs/angular-strap/v2.3.7/angular-strap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/angular-strap/v2.3.7/angular-strap.tpl.min.js"></script>

由于模板文件未加载，因此未提供templateCache，因此angularjs将尝试获取资源，如指令中所配置：

templateUrl: 'tooltip/tooltip.tpl.html',

404未找到角带

1 个答案: