Question

在我的应用程序中，我有不同的视图，使用相同的代码。所以，我把这段代码放在一个名为 sharedFile 的文件中，所有的变量和函数都有相同的名字，我检查了两次。

这段代码可以显示过滤器框，用户可以在其中选择一些过滤器，应用它们，然后显示应用的不同过滤器。一切都工作weel，HTTP请求等，唯一的问题是我有一个“清除”按钮，可以一次删除所有过滤器，但实际上当我点击它时，过滤器不再在URL中（即我想要的东西但是它们仍然显示出来。

我在两个HTML文件之间共享这个文件，实际上一个工作完美，但另一个工作只有当前一个访问过的页面是第一个有效时...

有任何想法或建议吗？

谢谢！

我把我的代码放在可以帮助的地方：）

<!-- Enables the user to choose which filter he wants to be applied -->
<div  ng-show=" show.filterBox"  >
  <div>
    <strong>QUEUES</strong>
  </div>
  <span ng-repeat='queue in queues'>
    <button href="" class="btn btn-sm marginButton btn-default" ng-click="onAddQueueFilter(queue.id.toString())" ng-hide="routeParams.queue_id && isIdInRouteParams('queue_id',queue.id)">
      {{queue.name}}
      <span class="glyphicon glyphicon-record"></span>
    </button>
    <button href="" class="btn btn-sm marginButton btn-primary text-muted" ng-click="onRemoveQueueFilter(queue.id.toString(), true)" ng-show="routeParams.queue_id && isIdInRouteParams('queue_id',queue.id)">
      {{queue.name}}
      <span class="glyphicon glyphicon-ok"></span>
    </button>
  </span>




  <div>
    <strong>TICKET TYPES</strong>
  </div>
  <span ng-repeat='type in types'>
    <button href="" class="btn btn-sm marginButton btn-default" ng-click="onAddTypeFilter(type.id.toString())" ng-hide="routeParams.type_id && isIdInRouteParams('type_id',type.id)">
      {{type.name}}
      <span class="glyphicon glyphicon-record"></span>
    </button>
    <button href="" class="btn btn-sm marginButton btn-primary text-muted" ng-click="onRemoveTypeFilter(type.id.toString(), true)" ng-show="routeParams.type_id && isIdInRouteParams('type_id',type.id)">
      {{type.name}}
      <span class="glyphicon glyphicon-ok"></span>
    </button>
  </span>


    <div>
      <button class="btn btn-sm btn-success" ng-click="applyFilterBox()">Apply</button> - <a href='' ng-click='openCloseFilterBox()'>cancel</a>
    </div>

<div ng-show="!show.filterBox ">
  <div ng-show="routeParams.queue_id">
    <!-- indicate that the list is queue list when status and queue list are shown -->

    <span ng-show="routeParams.type_id" class="text-muted">queue:</span>
    <span class="label label-primary label-status-id small-margin-top" ng-repeat="queue in queues" ng-show="routeParams.queue_id && isIdInRouteParams('queue_id',queue.id)">
      {{queue.name}}
      <span class="glyphicon glyphicon-remove"
      style='font-size:0.7em; cursor:pointer'
      ng-click='onRemoveQueueFilter(queue.id.toString(), false)'/>
    </span>
    <span ng-hide="!routeParams.queue_id" class='small-margin-top'>
      -
      <a href="" ng-click="location.search('queue_id',null);">clear</a>
    </span>
  </div>

  <div ng-show="routeParams.type_id">

   <span ng-show="routeParams.queue_id" class="text-muted">type:</span>
    <span class="label label-info label-status-id small-margin-top" ng-repeat="type in types" ng-show="routeParams.type_id && isIdInRouteParams('type_id',type.id)">
      {{type.name}}
      <span class="glyphicon glyphicon-remove"
      style='font-size:0.7em; cursor:pointer'
      ng-click='onRemoveTypeFilter(type.id.toString(), false)'/>
    </span>
    <span ng-hide="!routeParams.type_id" class='small-margin-top'>
      -
      <a href="" ng-click="location.search('type_id',null);">clear</a>
    </span>
  </div>

在包含在两个不同HTML文件中的HTML文件中共享angularJS变量

0 个答案: