여기 내 코드는 Ajax 호출을 수행 할 수 있습니다. 여기에서 오류 받기. 돈, 어떻게 해결해야할지 모르겠지만 누군가 제발 나를 도울 수 있겠 어. Angular js에서 컨트롤러를 html로 올바로 연결할 수 없습니다.
var app = angular.module('app',['ui.router']);
app.controller('PostCtrl',['$scope','$http',function($scope,$http){
\t console.log('inside jobpost');
$http.get("/api/job-posts").success(function(data, status, headers, config) {
$scope.items = data.data;
}).error(function(data, status, headers, config) {
console.log("No data found..");
});
});
app.filter('searchFor', function(){
return function(arr, searchString){
if(!searchString){
return arr;
}
var result = [];
searchString = searchString.toLowerCase();
angular.forEach(arr, function(item){
if(item.title.toLowerCase().indexOf(searchString) !== -1){
result.push(item);
}
});
return result;
};
}]);
<!-- <body ng-app="app"> -->
<div ng-controller="PostCtrl">
<h3 class="headName">Ajax search using AngularJs</h3>
<div class="bar">
<input type="text" class="search" ng-model="searchString" placeholder="Enter your search terms" />
</div>
<ul class="data-ctrl">
<li ng-repeat="i in items | searchFor:searchString">
<p>{{i.title}}
</li>
</ul>
콘솔에서 오류가 무엇 라인 (33)에
)
누락? –코드 스 니펫을 실행할 수 있습니까? denny, –
제 브라우저에서 html 출력이 보이지 않고 콘솔에도 아무런 콘솔 메시지가 없습니다 (console.log에 주어진 것입니다), –