如何在智能表中使用daterangefilter？

我想在我的應用程序中使用此智能表daterangefilter： http://plnkr.co/edit/JSwbEfUOf3OilZkmwgK5?p=preview。我說這個過濾器，以我的表：如何在智能表中使用daterangefilter？

<tr> 
      <th> 
       <st-date-range predicate="account.settlementDate" before="query.before" after="query.after"></st-date-range> 
      </th> 
</tr>

當我融入在我的應用程序中的文件我得到這個錯誤：

Error: [$compile:multidir] Multiple directives [stDateRange, stDateRange] asking for template on: <st-date-range predicate="account.settlementDate" before="query.before" after="query.after">

我如何才能避免這個錯誤？

來源

2015-09-22 Pindakaas

您是否在項目中添加了模板'stDateRange.html'？ –

是的，我沒有添加stDateRange.html – Pindakaas

它是在這個指令sts js文件在同一個文件夾？ –

在這裏，如果你去這個你已經提到的demo plnkr和檢查script.js。有兩個不同的指令stDateRange和stNumberRange落實到那。

<tr> 
    <th> 
     <st-date-range predicate="account.settlementDate" before="query.before" after="query.after"></st-date-range> 
    </th> 
</tr>

這裏您的模板使用了您的模板中名爲stDateRange的一個指令。

將此模板加載到DOM中時。它將編譯該指令，並將在指定的templateUrl上查找使用該指令配置的模板。

查看plnkr的script.js。你會發現下面的配置指令。

這裏

restrict: 'E', 
       require: '^stTable', 
       scope: { 
        before: '=', 
        after: '=' 
       }, 
       templateUrl: 'stDateRange.html',

這裏省略了一些部分templateUrl將設法找到stDateRange.html在此指令的腳本文件位於您在您的評論都提到這是不存在的文件夾。

這會給您造成問題。

現在有兩種解決方案。

1 -> Change this templateUrl in the directive and give correct path of stDateRange.html

2 -> Put stDateRange in the same folder where script.js is located.

來源

2015-09-22 22:15:35

這不是一個解決方案：只要路徑正確，它應該能夠加載此模板的權利？ – Pindakaas

如何在智能表中使用daterangefilter？

回答

相關問題