gpt4 book ai didi

javascript - Angular 搜索过滤器 - 未知提供商

转载 作者:行者123 更新时间:2023-11-28 15:47:54 25 4
gpt4 key购买 nike

main.js

var myApp = angular.module('myApp', []);

myApp.factory('Avengers', function () {
var Avengers = {};
Avengers.cast = [
{
name: 'Darius',
character: 'Darevicius'
}

];
return Avengers;
});

function AvengersCtrl($scope, Avengers) {
$scope.avengers = Avengers;
}

index.html

<div ng-app="myApp">

<head>
<script src="http://code.angularjs.org/1.2.11/angular.min.js"></script>
<script src="main.js"></script>
</head>

<div ng-controller="AvengersCtrl">
<input type="text" ng-model="searchText">
<table>
<tr ng-repeat="actor in avengers.cast | searchText ">
<td>{{ actor.name }}</td>
<td>{{ actor.character }}</td>
</tr>
</table>
</div>

</div>

我收到此错误:

http://docs.angularjs.org/error/ $injector:unpr?p0=searchTextFilterProvider

并且不明白为什么它不起作用。它是原生 Angular 过滤器,它需要什么依赖项?当我删除管道字符和过滤器时,会打印列表并且没有错误。所以看起来它知道所有依赖项。

这是来自那里的示例:

http://www.thinkster.io/pick/ET1iee6rnm/angularjs-ngfilter

最佳答案

尝试更改此行

<tr ng-repeat="actor in avengers.cast | filter:searchText ">

根据docs您需要先指定filter:

关于javascript - Angular 搜索过滤器 - 未知提供商,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21644295/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com