私は、検索ボタンをクリックすると、関連検索データがNGクリックして、NG-繰り返し

<script> 

    var app = angular.module("myApp", ['ngRoute']); 

    app.controller("myCtrl", function($scope) { 

     $scope.srch = [{ 
       name: "Rani", 
       phno:"145365463" 
      }, 
      { 
       name: "Raj", 
       phno:"989365463" 
      }, 
      { 
       name: "Sai", 
       phno:"782144635" 
      }, 
      { 
       name: "roja", 
       phno:"5365463889" 
      }, 
      { 
       name: "Priya", 
       phno:"321565463" 
      } 
     ] 
</script>

<html> 

    <head> 

     <title>Sample</title> 

     <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.26/angular.min.js"></script> 

    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.26/angular-route.js"></script> 

</head> 

<body ng-app="myApp" ng-controller="myCtrl"> 

<div>  

    <input type="text" ng-model="search" placeholder="Search for name or email" style="width:200px;"></input> 

    <table class="table table-striped" ng-show="search"> 

    <tr ng-repeat="y in srch | filter: search"> 

     <td>{{y.name}}</td>  
     <td>{{y.phno}}</td> 

    </tr> 

    </table> 

</div> 

</body> 

</html>

出典

2017-11-03 Meghana

最初のポイントを使用して表示することがある、inputタグは終わりがなく、角度JSでの機能をしていましたタグ。

次に、AngularJSスクリプトはfalseです。コントローラコードは決して閉じられません。

var app = angular.module("myApp", ['ngRoute']); 

app.controller("myCtrl", function($scope) { 

    $scope.srch = [{ 
      name: "Rani", 
      phno:"145365463" 
     }, 
     { 
      name: "Raj", 
      phno:"989365463" 
     }, 
     { 
      name: "Sai", 
      phno:"782144635" 
     }, 
     { 
      name: "roja", 
      phno:"5365463889" 
     }, 
     { 
      name: "Priya", 
      phno:"321565463" 
     } 
    ]; 
}); // Don't forget to close

同じ要素にngAppとngControllerを宣言することは避けてください。あなたはあなたのリストを表示させるためにいくつかの文字を入力する必要がhttps://plnkr.co/edit/n1lJ4uSdM5Nc7xZxM7XB?p=preview

：

このPlunkrの作業を参照してください。私があなたにお勧めできるのは、変数ではなく関数で ngRepeatをフィルタリングすることです。

出典

2017-11-03 09:11:04 Zooly

sloutionありがとうございますが、私たちがcharを使用して自動的に検索すると、それに基づいて表示されますが、私の問題点はsubmitボタンをクリックしたときだけです。関連するデータを検索する必要があります – Meghana

次に、リスト – Zooly

私たちはすでに同じ以前試みました。コード – Meghana

私は、検索ボタンをクリックすると、関連検索データがNGクリックして、NG-繰り返し

答えて

関連する問題