当前位置: 首页 > 面试题库 >

AngularJs,不区分大小写

仉梓
2023-03-14
问题内容

我有一个充满小写和大写数据的json。例如 :

[

  { "firstName":"JoHn" , "lastName":"DoE" }, 
  { "firstName":"aNnA" , "lastName":"smIth" }, 
  { "firstName":"PeTer" , "lastName":"JOnes" }

]

而且我有类似的东西:

Search: <input ng-model="searchText">
        <table id="searchTextResults">
          <tr><th>Name</th><th>Phone</th></tr>
          <tr ng-repeat="friend in friends | filter:searchText">
            <td>{{friend.firstName}}</td>
            <td>{{friend.lastName}}</td>
          </tr>
        </table>

我想做的是搜索朋友,而不用看大写和小写。因此,基本上,当我在输入中键入“ John”,“ JOHN”或简单地输入“
john”时,它应该返回我的朋友John。

那么是否可以将不区分大小写的选项应用于过滤器?


问题答案:

filter将您在使用字符串的toLowerCase的适用范围内定义的函数名称传递给您。参见ngFilter。函数签名很简单function (item) { ... }

控制器中的示例JS:

$scope.filterOnlyFoo = function (item) {
    return item == "foo";
}

HTML示例:

<div data-ng-repeat="item in items | filter: filterOnlyFoo"></div>

样品柱塞



 类似资料:
  • 问题内容: 我还没有找到一个简单的答案,这使我相信这确实非常简单。无论哪种方式,我都走了。 $ routeProvider中的所有调用都可以正常工作,但是区分大小写。这是一个代码示例: 我需要添加什么,以便“ / Foo”,“ / fOO”,“ / FoO”等都重定向到同一路径? 问题答案: 您可以传递给$ routeProvider一个选项来区分大小写:

  • 问题内容: 我正在基于AngularJS SPA Visual Studio模板(http://visualstudiogallery.msdn.microsoft.com/5af151b2-9ed2-4809-bfe8-27566bfe7d83)构建一个新的angularJS应用程序 这使用ui-router(https://github.com/angular-ui/ui- router )进

  • 问题内容: 我正在努力理解为什么我的基本href似乎区分大小写。我有一个带有基本href的页面,并利用了angularjs路由。 的HTML: js: 如果我导航到http://www.example.com/Foo/,那就很好。但是,当我导航到http://www.example.com/foo/时,出现一个角度错误: 如果有帮助/有所作为,则将站点托管在IIS上并使用MVC 4。 问题答案:

  • 对于报告(0.1%的所有查询),我需要返回一个所有可能类别的列表,区分大小写! 考虑以下文件: 运行以下查询: 返回: 是否有方法返回区分大小写的类别(存储在文档中)?我对此查询结果中的感兴趣。 Elasticsearch论坛中的问题 谢谢,伊泰

  • 问题内容: 我想按不区分名称的名称搜索用户表中的数据。 我收到一个错误: 意外令牌:% 。我应该在哪里放置“%”? 问题答案: 您可以使用concat运算符: 或使用命名参数: (使用Spring Boot 1.4.3测试)