我有一个项目列表显示在页面上使用ng-重复。下面是html。
<div class="container-fluid">
<div class="container" >
<div class="page-header">
<h3>Found {{searchResults.length}} results that match your search <br /><small>Click on any result to view details</small></h3>
</div>
<div class="list-group" ng-repeat="item in searchResults">
<a ng-href="/#/details/{{item.test_catalog_cd}}.json" class="list-group-item">
<h4 class="list-group-item-heading">{{item.test_name}}</h4>
<p class="list-group-item-text" ng-bind-html="item.synonyms"></p>
</a>
</div>
</div>
</div>此数组是在应用程序加载时创建的。下面是修改数组的控制器中的函数。
$scope.onClickSearch = function () {
console.log("Search Click in Controller - " + $scope.searchString);
$scope.searchResults = new Array();
/*
remove special characters and html tags from the synonyms and check if the name
or synonym contains the search string.
*/
for (i = 0; i < $scope.items.length; i++) {
var synonyms = $scope.items[i].synonyms
var testName = $scope.items[i].test_name.toLowerCase();
if ((testName.indexOf($scope.searchString) > -1) || (synonyms.indexOf($scope.searchString) > -1)) {
var searchItem = $scope.items[i];
$scope.searchResults.push(searchItem);
}
};
$location.url("/search");
});
console.log($scope.searchResults); //Array is shown to be updated here.当函数更新数组时,显示在页面上的html不会改变。

更新:这里的是一个带有重新创建问题的柱塞。当我输入要搜索的内容并按下“搜索”按钮时,视图将不会显示搜索结果。
发布于 2017-01-13 22:02:24
可能存在跟踪问题--考虑使用"track“语法来更新跟踪。
关于ngRepeat文档的更多信息:https://docs.angularjs.org/api/ng/directive/ngRepeat
https://stackoverflow.com/questions/41644054
复制相似问题