как использовать нажмите в угловой

0

Я пишу литлевую программу в угловой форме. Когда я перехожу к 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

Спасибо!

Теги:

1 ответ

0

Вы можете просто создать $ 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..
    })
  }
}])

Ещё вопросы

Сообщество Overcoder
Наверх
Меню