Question

我正在尝试根据输入文本订购anguarjs中的项目列表，因此如果我在输入“author”中写入该列表将由作者订购

我的代码就是这个

for($i = $startCounter; $i <= $loopcounter; $i++)
{
if ($_GET['page'] == $i) {
     $pagination .= '<li><span class="current">' . $i . '</span></li>';
} else {
    $pagination .= '<li><a href="'. $agencyurl .'/search/'. $_REQUEST['bed'] .'/'. $i .'/'. $_REQUEST['perpage'] .'/'. $_REQUEST['area'] .'">'. $i .'</a></li>';
  }
}

它不起作用，我已经搜索但找不到这种例子。

Answer 1

您必须在控制器中定义变量：

<input type="text" ng-model="dishDetailCtrl.sort">

然后，您必须定义ng-model指令以将输入值绑定到此变量：

<div class="well" ng-repeat="comments in dishDetailCtrl.dish.comments | orderBy: dishDetailCtrl.sort">

然后你可以应用过滤器：

{{1}}

Answer 2

您的代码中存在一个非常小的错误。 orderBy表达后应该没有空格。

<li ng-repeat = "comment in dishCtrl.dish.comments | orderBy:sort">

~~如果上面没有工作尝试，请将其放在单引号中，例如'sort'~~

Answer 3

您需要在此输入上绑定一个操作，它可以是简单的ng-enter指令或提交按钮。

Answer 4

因为您正在使用控制器作为语法，正如我从ng-repeat中看到的那样，更改

<input type = "text" ng-model = "sort">

到

<input type = "text" ng-model = "dishCtrl.sort">

还要更新ng-repeat：

<li ng-repeat = "comment in dishCtrl.dish.comments | orderBy: dishCtrl.sort">

按基于输入文本的元素排序，AngularJS

4 个答案: