AngularJS选择 - 匹配第一个字符

时间:2015-08-06 08:21:00

标签: angularjs search select

https://github.com/angular-ui/ui-select

此搜索插件使用'LIKE %word%'查找匹配项。可以将其更改为'LIKE word%' 示例:如果在搜索状态时键入字母'T',则返回以下内容:
ħ的 I
I d
I
I Ñ
I :一种
中号的 I
[R的 I
...

我希望它能回归:
I d
I
I Ñ
I :一种

1 个答案:

答案 0 :(得分:5)

您可以使用angular的自定义过滤器来实现此功能。 类似的东西:

Label lbl = new Label();
protected void Button3_Click(object sender, EventArgs e)
{        
    lbl.ID = "name";
    lbl.Text = Profession.SelectedItem.ToString();
    if(!Panel1.Controls.Contains(lbl)) //Check here if label already added
         Panel1.Controls.Add(lbl);
}

并将此过滤器传递给select2声明:

app.filter('propsFilter', function() {
  return function(items, props) {
    var out = [];
    if (angular.isArray(items)) {
      items.forEach(function(item) {
        var keys = Object.keys(props);
        var prop = keys[0];
        var text = props[prop].toLowerCase();
        if (item[prop].toString().toLowerCase().indexOf(text) === 0) {
          out.push(item);
        }
      });
    } else {
      out = items;
    }
    return out;
  };
});

Here是您可以参考的plunkr链接: