相关疑难解决方法(0)

如何使用多个参数调用Angular.js过滤器?

文档中我们可以调用像这样的日期过滤器:

{{ myDateInScope | date: 'yyyy-MM-dd' }}
Run Code Online (Sandbox Code Playgroud)

这里date是一个带有一个参数的过滤器.

从模板和JavaScript代码调用带有更多参数的过滤器的语法是什么?

angularjs

291
推荐指数
2
解决办法
20万
查看次数

在ng-repeat中显示ng-click时隐藏的div

我正在开发一个Angular.js应用程序,它可以过滤医疗程序的json文件.当使用ng-click单击(在同一页面上)过程的名称时,我想显示每个过程的详细信息.这是我到目前为止,.procedure-details div设置为display:none:

<ul class="procedures">
    <li ng-repeat="procedure in procedures | filter:query | orderBy:orderProp">
        <h4><a href="#" ng-click="?">{{procedure.definition}}</a></h4>
         <div class="procedure-details">
            <p>Number of patient discharges: {{procedure.discharges}}</p>
            <p>Average amount covered by Medicare: {{procedure.covered}}</p>
            <p>Average total payments: {{procedure.payments}}</p>
         </div>
    </li>
</ul>
Run Code Online (Sandbox Code Playgroud)

我很有新意义.有什么建议?

angularjs angularjs-ng-repeat

100
推荐指数
2
解决办法
16万
查看次数

如何使用多个链接过滤AngularJS中的列表

我已经阅读了很多关于如何过滤列表的教程,但是找不到我的简单用例的例子.

我有几个按钮,如

<a href="#" id="filter-by-name">Name</a>
<a href="#" id="filter-by-age">Age</a>
<a href="#" id="filter-by-height">Height</a>
Run Code Online (Sandbox Code Playgroud)

我有var persons = {...}对象,我显示它

<div ng-repeat="person in persons">
  {{person.name...}}
</div>
Run Code Online (Sandbox Code Playgroud)

如何创建过滤器,以便每次单击其中一个按钮时,列表将被过滤?

我已经尝试添加ng-repeat="person in persons | filter:filterPersons" 并在脚本端写入:

$scope.filterPersons(person){
  if (person.name == "John")
    return person;
}
Run Code Online (Sandbox Code Playgroud)

但这只是一个用例(如何用其他名称过滤?) - 换句话说 - 如何将链接连接到过滤器?

html javascript filter angularjs

21
推荐指数
1
解决办法
2万
查看次数