Cara Membuat Select (Pilihan) Dengan AngularJS

Hallo teman teman balik lagi dengan saya Ismet Maulana kali ini saya ingin berbagi pengetahuan mengenai Bagaimana Cara Membangun Select (Alternatif) Dengan AngularJS, banyak cara kita pada membangun sebuah alternatif atau select options, dapat dengan looping PHP, HTML, JavaScript dan AngularJS, di kesempatan kali ini saya akan ajarkan kamu pada membangun alternatif atau select options dengan menggunakan AngularJS



oke lumayan penasaran bukan? Seketika saja teman teman dapat salinkan scriptnya dibawah sini :



koneksikan terlebih dahulu ke angular nya :



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


lalu salinkan script dibawah ini :



<div ng-app=myApp ng-controller=myCtrl>
<select ng-model=selectedName ng-options=x for x in names>
<option value=>--Pilih--</option>
</select>

<script>
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope){
$scope.names = [Web Master, Web Design, Web Programming, Design Graphic];
});
</script>
</div>


Sekiranya telah teman teman save dan jalankan di browsernya, lumayan gampang bukan ?



Kita telah selesai mengerjakan mengenai Bagaimana Cara Membangun Select (Alternatif) Dengan AngularJS, kini rasa penasaran kita telah hilang hehe, semoga artikel ini dapat menolong teman teman dan bermanfaat pun bagi orang banyak, lumayan demikian panduan mengenai Bagaimana Cara Membangun Select (Alternatif) Dengan AngularJS.



Hingga jumpa dan Terimakasih ..



#KeepLearn



#IsmetMA




Sumber https://kursuswebsite.org

Popular posts from this blog

Cara Menghapus Isi Dari Form Input Menggunakan Javascript

Membuat Form Menarik Menggunakan HTML dan CSS