2016-06-02 7 views
0

여기 내 코드는 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> 
 
나는 그 여러 가지 방법으로 해결하려고하지만, 수 없습니다 취소 할 수 있습니다.

+0

콘솔에서 오류가 무엇 라인 (33)에 ) 누락? –

+0

코드 스 니펫을 실행할 수 있습니까? denny, –

+0

제 브라우저에서 html 출력이 보이지 않고 콘솔에도 아무런 콘솔 메시지가 없습니다 (console.log에 주어진 것입니다), –

답변

0

이 시도 ... 당신은

var app = angular.module('app',['ui.router']); 

app.controller('PostCtrl',['$scope','$http',function($scope,$http){ 
    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; 
    }; 
}); 
+0

Yah는 그 코드를 실행했습니다. 지금 ..하지만 : Uncaught SyntaxError : Unexpected token) lineNumber 10에, 어쨌든 Durgpal –

+0

에게 감사드립니다. 나는 그것이 잘되어야한다고 생각합니다. –

관련 문제