Here is a drop down.The drop down values I am fetching from database using ajax and angularjs
HTML code
<body ng-app="myApp">
<div ng-controller="MyController" >
<select ng-model="myForm.car" ng-options="obj.id as obj.name for obj in myForm.options">
</select>
</div>
</body>
4 js file included
<script src="angular.js"></script>
<script src="controllers.js"></script>
<script src="jquery-min.js"></script>
<script src="ajaxload.js"></script>
controller.js contain angular function this angular function will make an ajax call it will call the php file. php file will get the result from database. I have done the fetching values from database.But the values are not coming as a response
contoller.js
angular.module("myApp", [])
.controller("MyController", function($scope) {
$scope.myForm = {};
$scope.myForm.car = "nissan";
$.ajax({url: "/getCars/"}).success(function(data)
{
$scope.myForm.options = data;
})
} );
php file I already fetch the details and stored it in an array.this array I am returning by json_encode method
function getCars()
{
$cars = array
(
array("id" => "nissan", "name" => "Nissan"),
array("id" => "toyota", "name"=> "Toyota"),
array("id" => "fiat" , "name"=> "Fiat"),
array("id" => "Land Rover" , "name"=> "Land Rover")
);
print json_encode($cars);
exit;
}
