Я хочу загрузить список имен из базы данных SQL.Затем я хочу щелкнуть имя и загрузить соответствующее изображение.Первое изображение должно загружаться при загрузке страницы.Имена загружаются.Изображение не загружается, и ng-click не загружает изображение.Заставил подобный код работать с использованием JSON, но не смог заставить работать с использованием БД.Кошки это имя таблицы.ImagePath и CatName - это поля в БД.Новое в PHP.Спасибо.
<!doctype html>
<html>
<head>
<title>Load Images from DB</title>
<script src="angular.min.js"></script>
</head>
<body ng-app='myapp'>
<div ng-controller="userCtrl">
<div ng-repeat="user in Cats">
<h3 ng-click = "$scope.selectCat(cat)">{{user.CatName}}</h3>
</div>
<img ng-src="{{$scope.selectedCat.ImagePath}}"/>
<!-- Script -->
<script>
var fetch = angular.module('myapp', []);
fetch.controller('userCtrl', ['$scope', '$http', function ($scope, $http) {
$http({
method: 'get',
url: 'getData.php'
}).then(function successCallback(response) {
$scope.Cats = response.data;
$scope.selectCat=selectCat;
$scope.selectedCat=$scope.Cats[0];
function selectCat(pos) {
$scope.selectedCat = pos;
};
});
}]);
</script>
</div>
</body>
</html>
Вот код PHP
include 'config.php';
$sel = mysqli_query($con,"select * from Cats");
$data = array();
while ($row = mysqli_fetch_array($sel)) {
$data[] = array("CatName"=>$row['CatName'],"ImagePath"=>$row['ImagePath']);
}
echo json_encode($data);