如何在智能表中使用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？

回答

相关问题