我想根据用户在文本框中输入的内容来过滤列表。我使用的是angularJS。为什么代码不能工作？
根据您提供的问答内容，您想根据用户在文本框中输入的内容来过滤列表，使用的是AngularJS，但代码不能工作。以下是可能导致代码无法工作的几个常见原因：
- 检查AngularJS的版本：确保您使用的是兼容的AngularJS版本。不同版本的AngularJS可能具有不同的语法和功能，因此请确保您的代码与您所使用的版本相匹配。
- 检查模块依赖：AngularJS使用模块来组织和管理代码。确保您的代码中正确引入了所需的模块依赖关系。例如，如果您使用了ng-model指令来绑定输入框的值，您需要确保引入了ng模块。
- 检查控制器和作用域：确保您的控制器正确定义，并且在HTML中正确绑定了作用域。您需要在控制器中定义一个函数来处理用户输入，并将其绑定到HTML中的输入框上。
- 检查ng-repeat指令：如果您使用ng-repeat指令来循环显示列表，确保您正确地使用了过滤器。您可以使用AngularJS的过滤器来根据用户输入来过滤列表。
- 检查表达式和条件：确保您在HTML中正确使用了表达式和条件语句。您可以使用ng-show或ng-if指令来根据条件显示或隐藏元素。
如果您仍然无法解决问题，建议您提供更多的代码细节和错误信息，以便更好地帮助您排查问题。
相关·内容
是否可以将参数传递给ng-if中的指令模板？
index.html：
<my-directive showName="John"></my-directive>
template.html：
<h1 ng-repeat="customer in customers" ng-if="customer.name === showName ">
{{customer.name}} is {{customer.age}}
</h1>
理想情况下，上面的示例只显示John的数据。也许这不是正确的方法？因
浏览 3提问于2015-03-27得票数 0
回答已采纳
6回答
我想要达到的目标：
列出数组中的每个值，而不显示空(空)值。
例如，项目1，项目1，项目2
当前的问题：我尝试了几个过滤器来完成这个任务，但是我不能删除空的列表项(见图表)。
预先感谢您的任何帮助/帮助。
控制器JS:
$scope.array = ["Item #1","Item #1","","","","Item #2"];
HTML:
<md-list>
<md-list-item class="md-3-line" ng-repeat="i
浏览 1提问于2015-08-18得票数 7
回答已采纳
我使用ng-repeat在angular中构建了一些东西
<ul class="messages">
<li ng-repeat="e in enquiries">
<img src="/img/avatar.jpg" alt="">
<div>
<div>
浏览 2提问于2015-04-26得票数 0
我的angularjs应用程序中有以下json对象数组。
$scope.clients = [ {
"code": "FREG",
"name": "Feranget",
"role": "employee"
},
{
"code": "CRTE",
"name": "Crenart",
"role": "admin"
},
{
"code":
浏览 6提问于2015-12-06得票数 4
回答已采纳
我得到了"10 $digest()迭代达到“错误的一般想法，但我认为，通过使用track by，我可以从角度上认识到列表实际上并没有改变：
<!doctype html>
<html lang="en" ng-app="myApp">
<head>
<meta charset="utf-8">
<title>TrackBy test</title>
<script src="https://ajax.googleapis.com/ajax/l
浏览 0提问于2014-02-04得票数 0
回答已采纳
我在过滤器中使用了一个ng-repeat指令，如下所示：
ng-repeat="item in items | orderBy:'order_prop' | filter:query | limitTo:4"
我可以很好地看到渲染的结果；现在我想在我的控制器中对结果运行一些逻辑。问题是如何获取结果项引用？
更新：
只是为了澄清一下:我正在尝试创建一个自动完成，我有这样的输入：
<input id="queryInput" ng-model="query" type="text" size="30&#
浏览 116提问于2012-07-30得票数 129
回答已采纳
我想使用AngularJS显示一个洗牌列表，但只显示前几个元素。目前，我在HTML模板中执行洗牌和限制操作，在中进行了演示。
<li ng-repeat="value in array | shuffle | limitTo:1">
{{value}}
</li>
这很好，但是当列表中的项目比显示的项目多时，就会导致角度超过10 $digest迭代，如示例所示。据我所知，正在发生的事情是，某些东西正在观察列表的过滤和有限值，当所有元素都不总是显示时，这个值很可能会发生变化。
我应该如何在不打破角度的情况下达到这一效果？当然，它仍然可以正常工作，但
浏览 4提问于2013-02-11得票数 3
回答已采纳
提到这个
我能够成功地为我的桌子应用过滤器。现在我想改变这个过滤器的工作方式。情况如下：
我正在应用Mapped过滤器。它为我过滤掉了所有映射的变量。现在，我将更改其中一个筛选变量的值，一旦删除完整的值，变量将被移动到Unmapped列表中，并且用户无法更改该变量。用户现在需要将筛选器更改为All或UnMapped筛选器来编辑该变量。
Unmapped过滤器的情况也是如此。选择Unmapped过滤器，一旦我尝试输入值，变量就消失并移动到“映射”列表中。
我需要做的是应用过滤器，只有当我选择过滤器从下拉使用ng变化和当我试图编辑一些变量，过滤器不应该工作。
以下是代码：
过滤器：
浏览 0提问于2018-03-29得票数 1
回答已采纳
我正在尝试根据输入文本对anguarjs中的项目列表进行排序，因此，如果我在输入中输入" author“，则列表将按author排序
我的代码是
<input type = "text" ng-model = "sort">
<ul class = "list-unstyled">
<li ng-repeat = "comment in dishCtrl.dish.comments | orderBy: sort">
<blockquote class
浏览 5提问于2016-05-08得票数 4
在具有隔离作用域的指令上使用筛选器的尝试：
<div tags="p.tags | refTags"></div>
导致$digest循环中的无限循环：
当应用程序的模型变得不稳定，并且每个$digest循环触发状态更改和随后的$digest循环时，就会发生此错误。角检测到这种情况，防止无限循环导致浏览器失去响应。。
.directive 'tags', ->
restrict: 'A'
scope:
tags: '='
templateUrl: 'pa
浏览 3提问于2014-01-13得票数 2
回答已采纳
2回答
我使用一个指令来模板一个对象列表。根据指令的使用位置，应该对模板中呈现的对象列表进行筛选。在一种方法中，代码如下所示：
person_list.html
<ul>
<li ng-repeat="person in (people | selected:true)">
<a class="selected-{{ person.selected }}" ng-click="toggleSelect( person )">{{ person.name }}</a>
</li>
&l
浏览 0提问于2013-10-26得票数 1
回答已采纳
我可以使用过滤器过滤表达式而不需要在angularjs中重复。
<li><input ng-model="query" placeholder="search on players" /> <input ng-model="q" placeholder="search on teams" /></li>
<li ng-repeat="(nomeTeam, squadre) in listaSquadre" >
浏览 7提问于2013-12-09得票数 0
回答已采纳
我有一个数组的对象，我显示在我的角度应用程序使用ng-repeat。我正在使用filter和搜索输入的值过滤项。它如预期的那样工作。但是，我有一个“选择所有”/“取消选择所有”选项，我只想选择列表中的visibile项(那些符合当前搜索标准的项)。
如果在控制器中不执行相同的逻辑(即在我的每个对象上使用indexOf搜索值)，我如何知道哪些项当前被ng-repeat/filter过滤掉了
我的看法是：
<input type="text" ng-model="searchValue">
<input type="checkbox"
浏览 6提问于2015-06-08得票数 12
回答已采纳
4回答
我正在尝试创建一个指令，它接受一个对象数组并运行ng-重复来呈现它们。
app.directive("rockers", function(){
return {
restrict : "E",
replace : true,
scope : {
items : '='
},
template : '<div>'+
'<span ng-repeat=
浏览 2提问于2014-04-03得票数 3
回答已采纳
这是我的html页面的代码：
<div ng-repeat="(key, value) in list.arrayofStuff | orderBy: 'order' | groupBy: 'code' ">
在Index.html中，我导入了角过滤器：
<script src="lib/angular-filter/dist/angular-filter.js"></script>
但出于某种原因，我得到了这个错误。
ionic.bundle.js:26794错误：$injector:u
浏览 1提问于2017-01-20得票数 2
回答已采纳
3回答
我的问题是我想延迟angularjs中的ng-repeat结果。我的延迟过滤器代码如下。
<ul>
<li ng-repeat="phone in phones | filter:delay_filter">
<span>{{phone.name}}</span>
</li>
</ul>
<script>
var phonecatApp = angular.module('phonecatApp', ['ngMe
浏览 1提问于2015-07-20得票数 0
4回答
我尝试将AngularJs控制器中的一些HTML代码返回给html数据。
这是我的html的路径：
<div align="right">
{{chooseHtmlElement()}}">
</div>
这是我的AngularJs控制器的路径：
$scope.chooseHtmlElement= function () {
var sum = $scope.chiQuadSum();
if (isNaN(sum)) {
return "";
浏览 14提问于2015-10-22得票数 5
我试过所有关于这个问题的答案，但是我找不到一个方法来消除这个错误。我很确定这个过滤器函数是导致上述错误的原因。
.filter('collect_ingredients', function() {
return function(input) {
if (!angular.isArray(input)) {
return input;
}
var result = {};
angular.forEach(input, function(value){
if
浏览 3提问于2016-10-03得票数 2
回答已采纳
原始:我有一个使用ng-repeat生成的表，其中包含数百个条目，其中包含几个不同的unix时间戳。我正在使用moment.js使它们显示为"19分钟前“或任何时间以前的样子。例如，我如何让这些数据每五分钟更新一次，而不必刷新整个表(这需要几秒钟的时间，并且会中断用户的排序和选择)。
浏览 1提问于2013-08-02得票数 11
我正在创建一个web应用程序，它具有由ng-repeat'ing一个指令<make-dialog>设置的多个对话框窗口。每个对话框的特定信息(宽度、高度、位置等)存储在控制器中的数组中，并作为作用域变量传递到指令中。
现在，我想添加一个布尔范围变量，它可以被所有对话框窗口访问和修改。因此，当您单击任何对话框中的"+“按钮时，scope变量将更改为"true"，所有其他对话框都会识别已经进行了更改。
下面是我尝试过的代码的草图：
主计长：
angular.module('root', [])
.controller('index
浏览 2提问于2015-08-03得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
