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