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

Post a reply

Smilies
:icon_plusone: :like: :plusone: :gfb: :-D :) :( :-o 8O :? 8) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen: :angry: :baa: :biggrin:
View more smilies

BBCode is ON
[img] is ON
[flash] is OFF
[url] is ON
Smilies are ON

Topic review
   

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

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

by konseo » 06/05/2016 12:30 pm

ขอบคุณนะครับ

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

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

Top