2016-06-02 12 views
0

ここで私のコードは、Ajax呼び出しを行うことができるCant、ここでエラーを取得しています。ドン、それをクリアする方法を知っている、誰かが私を助けてくれますか? 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

私はそのコードを実行しました今は..しかし、それは言う:Uncaught SyntaxError:予期しないトークン)lineNumber 10、とにかくおかげでDurgpal –

+0

今再試行..私はそれがうまくいくはずだと思う。 –

関連する問題