0
こんにちは私は、角度jで新しいです。私は検索ボックスを作成したいと思います。ユーザーがすべてのキー入力を入力すると、私のリクエストはjsonに行き、検索ボックスの値と一致する結果を取得します。私はいくつかのことを試みましたが、この仕事をどうやってやるのか分かりません。以下のコードを確認してくださいjsonファイルからキーアップでデータを取得し、角度を使用してdivに追加します。
次のコードでは、一致する配列を$scope.keywordにプッシュしようとしました。私はこれを行う場合$scope.keywordにng-repeatを使用して私のdivに一致する結果を表示します。
私に助けてください友人
コントローラJS
var appProduct = angular.module('assignment', []);
appProduct.service('dataCollection', function($http) {
return { getData : function() {
return $http.get('js/data.json').then(function(res){
return res.data;
})
}}
})
appProduct.controller('searchBar', ['$scope', '$http', 'dataCollection', function($scope, $http, dataCollection){
$scope.items = [];
$scope.keyword = [];
dataCollection.getData().then(function(data){
$scope.items = data;
}, function(data){
console.log(data);
})
$scope.keyword = function(key){
console.log(key);
console.log($scope.items)
dataCollection.getData().then(function(data){
//$scope.items = data;
angular.forEach(data, function(value, key){
if (value.brandname == key) {
$scope.keyword.push(value)
}
});
}, function(data){
console.log(data);
})
}
}])