如何添加輸入標籤通過點擊即時搜索在HTML（AngularJS）

我是Angular JS的新手，並嘗試通過點擊從使用Angular JS的即時搜索添加輸入標籤。如何添加輸入標籤通過點擊即時搜索在HTML（AngularJS）

我找到了來自Google的instant search demo的示例，並且從鏈接中我想通過點擊即時搜索欄來輸入標籤。

如何讓它如下圖所示？

在此先感謝。

2017-09-18 paulc1111

[<body ng-app="myApp" ng-controller="myCtrl"> 
    <table class="table table-striped"> 
    <thead> 
     <tr> 
     <th>Person Name</th> 
     </tr> 
     <tr> 
     <td> 
      <input type="text" ng-model="search.name" placeholder="Search Name..."> 
     </td> 
     </tr> 
    </thead> 
    <tbody> 
     <tr ng-repeat="listdata in names|filter:search"> 
     <td>{{listdata.name}}</td> 
     </tr> 
    </tbody> 
    </table> 
</body> 

var c=angular.module('myApp',[]); 

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

    $scope.names = [ 
    {name: 'Krishnaiah'}, 
    {name: 'Ramana'}, 
     {name: 'ALex'}, 
     {name: 'Remo'}, 
     {name: 'Alena'}, 
    ] 
})

https://plnkr.co/edit/5Tb4aaHQn2eim3caTLyE?p=preview

來源

2017-09-18 08:44:46 Alexa

如何添加輸入標籤通過點擊即時搜索在HTML（AngularJS）

回答

相關問題