这是一个下拉列表。我从数据库中获取的下拉值 使用ajax和angularjs
HTML代码
<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文件
<script src="angular.js"></script>
<script src="controllers.js"></script>
<script src="jquery-min.js"></script>
<script src="ajaxload.js"></script>
controller.js包含angular函数,这个angular函数会调用ajax调用它将调用php文件。 php文件将从数据库中获取结果。我已经从数据库中获取了提取值。但是这些值不是作为响应而来的
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文件 我已经获取细节并将其存储在一个数组中。这个数组我通过json_encode方法返回
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;
}