Как использовать daterangefilter в smarttable?

Question

Я пытаюсь использовать этот smarttable daterangefilter в своем приложении: http://plnkr.co/edit/JSwbEfUOf3OilZkmwgK5?p=preview. Я добавил этот фильтр к моему столику:

<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"> 

Как я могу избежать этой ошибки?

Answer 1

Здесь, если вы идете к этому 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. вы найдете ниже конфигурацию директив.

Часть показано здесь

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.