Я пишу литлевую программу в угловой форме. Когда я перехожу к URL- адресу: http://localhost: 8080/api/v1/projects (запрос получения), я вижу в браузере таблицу json. То, что я хочу сделать, - это "список" этих объектов. Я имею в виду что-то, чем быть презентабельным для пользователей, а не только для json.
это мои файлы:
index.html, index.js и service.js
service.js
var app = angular.module('app');
app.service('apiService', ['$http', function($http) {
this.get = function() {
return $http.get("http://localhost:8080/api/v1/projects");
};
this.delete = function(id) {
return $http.delete("http://localhost:8080/api/v1/projects/{id}", id);
}
this.post = function(data){
return $http.post("http://localhost:8080/api/v1/projects", data);
}
}]);
index.js
app.controller('controller', ['$scope', 'apiService', function($scope, apiService) {
var vm = this;
var getData = apiService.get().success(function(data) {
vm.data = data;
});
}]);
index.html
<!DOCTYPE html>
<html lang="en" ng-app="myApp">
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javavscript" src="angular.min.js"></script>
<script type="text/javavscript" src="index.js"></script>
<script type="text/javavscript" src="service.js"></script>
</head>
<body>
<div ng-controller="controller as ctrl">
<div ng-repeat="data in ctrl.data">{{data.name}}</div>
</div>
</body></html>
Не могли бы вы рассказать мне, как я могу включить ng-click (или любой метод для показа результата) в свой код, чтобы иметь список документов, если я перехожу на свой URL вместо того, чтобы видеть список json
Спасибо!
Вы можете просто создать $ state. Я не уверен, что это то, что вы пытаетесь выполнить, но сначала вы можете запустить пользователя на https://localhost: 8080/home.. Затем вы можете сделать кнопку с ng-click:
<input type="submit" ng-click="redirectTo("http://localhost:8080/api/v1/projects")"/>
И в контроллере:
app.ctrl('HomeCtrl', ["$scope", "$state", function($scope,$state){
$scope.redirectTo = function(url){
window.location.href = url;//This because i dont know the state your trying to go to..
}
}])
А затем сразу после этого будет перенаправлено. Затем, если вы хотите показать URL-адрес, вы можете просто сделать это на этой странице:
<input type="submit"
ng-click="getJSON"/>
app.controller('JSONCtrl', ["$scope","apiService" function($scope,apiService){
$scope.getJSON = function(){
apiService.get().then(function(sucess){
//Sucess Method..
}).catch(function(err){
//Error..
})
}
}])