AngularJs : ตัวอย่างการสร้าง Angular autocomplete อย่างง่าย

Jquery & Ajax Knowledge ความรู้เกี่ยวกับ Javascript , Jquery ม Ajax

Moderators: mindphp, ผู้ดูแลกระดาน

User avatar
thatsawan
PHP VIP Members
PHP VIP Members
Posts: 22719
Joined: 31/03/2014 10:02 am
Contact:

AngularJs : ตัวอย่างการสร้าง Angular autocomplete อย่างง่าย

Post by thatsawan » 03/05/2016 11:42 am

Autocomplete คืออะไร
การพิมตัวอักษรไปในช่องรับข้อมูลแล้วจะแสดงข้อมูลที่เรากำหนดขึ้นมาให้ตามตัวอักษรที่พบ เช่น เรากำหนด

Code: Select all

 'Test1',
        'aaaa',
        'cccc',
        'ooo',
        '***',
เมื่อเราพิมพ์ ตัวอักษร T ระบบก็จะแสดงคำว่า Test1 มาให้เราเลือกใช้โดยไม่ต้องพิมพ์ ทั้งหมด ทั้งนี้การส่งข้อมูลเเบบในตัวอย่างเราสามารถประยุกต์ใช้กับฐานข้อมูลของเราได้เป็นระบบ ค้นหาต่างๆ

Code: Select all

<div ng-app="myApp" ng-controller="namesCtrl">

<p>การสร้าง Angular autocomplete:</p>

<p><input type="text" ng-model="test"></p>

<ul>
  <li ng-repeat="x in names | filter:test">
    {{ x }}
  
  </li>
</ul>   

</div> 

Code: Select all

<script>
   
angular.module('myApp', []).controller('namesCtrl', function($scope) 
{
    $scope.names = [
        'Test1',
        'aaaa',
        'cccc',
        'ooo',
        '***',
    ];
});


</script>

สามารถศึกษา เพิ่มเติมได้ที่
บทเรียน HTML
บทเรียน-html5
บทเรียน CSS
บทเรียน Javascript
บทเรียน jquery


Post Reply
  • Similar Topics
    Replies
    Views
    Last post

Return to “Jquery & Ajax Knowledge”

Who is online

Users browsing this forum: No registered users and 28 guests