404 未找到 angular-表带

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>

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

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

404 未找到 angular-表带

404 not found angular-strap

angularjs

angular-strap