Welcome aboard! We are happy you are here and wish you good net-raft!
<!DOCTYPE html>
<html>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>
<body>
<div ng-app="myApp" ng-controller="customersCtrl">
<ul>
<li ng-repeat="x in myData">
{{ x.Tech + ' - ' + x.Side }}
</li>
</ul>
</div>
<script>
var app = angular.module('myApp', []);
app.controller('customersCtrl', function($scope, $http) {
$http.get("/json/json.txt").then(function (response) {
$scope.myData = response.data.records;
});
});
</script>
</body>
</html>
// this put into TextFile.txt
{
"records": [
{
"Tech": "Angularjs",
"Side": "client"
},
{
"Tech": "Javascript",
"Side": "client"
},
{
"Tech": "PHP",
"Side": "server"
},
{
"Tech": "Node.js",
"Side": "server"
}
]
}
The most helpful ANGULARJS solutions