Javascript 在ng中切换过滤器和属性单击

当用户单击ng时，单击我需要删除链接中的过滤器和标题属性

再次用户单击ng单击我需要在链接中添加过滤器和标题属性

HTMl:

<div ng-app="myApp" ng-controller="myCtrl" ng-init="names=['Jani','Hege','Kai']">

<p ng-click="toggleFilter()">Toggle Filters</p>
      <ul>
        <li ng-repeat="x in names">
          <a href="#" title="{{x}}">{{ x | limitTo: 2 }} {{x.length < 2 ? '' : '...'}} </a>
        </li>
      </ul>

</div>

切换过滤器



{{x | limito:2}{{x.length<2？'':''.'''}

---

有人能帮我解决这个问题吗？

我不太清楚你们的过滤器到底在做什么，但我会这么做：

index.html 这里有一组列表项在$scope.filter为true时显示，另一组列表项在$scope.filter为false时显示。您可以编写您希望在

$scope.filter==true

部分中显示的名称的自定义逻辑（看起来这样做没有问题），并将

$scope.filter==false

部分保留为标准ng重复。我认为三元运算符的语法几乎正确，但我没有检查它

<p ng-click="toggleFilter()">Toggle Filters</p>
<li ng-if="filter == true" ng-repeat="name in names">
  <a>...</a>
</li>
<li ng-if="filter == false" ng-repeat="name in names">
  <a>...</a>
</li>

$scope.toggleFilter = function() {
  ($scope.filter == "true") ? '$scope.filter == "false"' : '$scope.filter == "true"'
}