2016-02-04 168 views
1

我嘗試使用角度帶的工具提示時遇到此錯誤。任何想法爲什麼會發生以及如何解決它?404找不到角度帶

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' 
       }); 
      } 
+0

爲什麼你自己操縱DOM和不使用角度指令呢? – charlietfl

回答

1

您忘了裝載模板文件:

負荷(不需要引導腳本文件)所需的JavaScript庫。

<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', 
+0

我確實只是與鮑爾..主要「:[ 」dist/angular-strap.js「, 」dist/angular-strap.tpl.js「 ], –

+0

你做錯了什麼。如果templateCache有'/tooltip/tooltip.tpl.html'它不會嘗試再次獲取它.. – enapupe

+0

對不起,我修正了它,但現在我得到「無法讀取屬性」的鏈接'從該行中的undefined「 tipElement = $ tooltip。$ element = compileData.link(tipScope,function(clonedElement,scope){}); –