2016-10-28 2 views
-1

私は、localhost:8080/project/api/index.php/user(ルートの例)を使って完全にアクセスできるさまざまなルートを持つSilexでバックエンドを開発しました。js ang 1.5.8ファイルからの呼び出しルート

私がコーディングしていた場合、HTTP GET私は/ angularsiteユーザーを入力したとき

(ユーザーであることを確認することができますどのように、角度の1.5.8を使用して、JSファイルに(私はメインコントローラと呼ばれる唯一のコントローラを使用)ルート、 "/ user")、それは私にデータを返し、それを私のindex.htmlに表示しますか?

+0

角度でリクエストを送信する方法を尋ねていますか? –

+0

Getを受け取る方法、私は/ route1私にいくつかのデータを返します。私は、私は角度を開発している私のjsファイル内のデータを取得したい。 – Fedeco

答えて

0

アプリケーションルートをmainControllerコントローラに設定する必要があります。ページが読み込まれたときに

angular.module('YourProject', [ 
    'YourModule', 
    'ngRoute' 
]) 

.config(['$routeProvider', function ($routeProvider) { 

     $routeProvider.when('/user', { 
      templateUrl: 'view.html', 
      controllerAs: 'mainCtrl', 
      controller: 'mainController ' 
     }); 

     $routeProvider.otherwise({ 
      redirectTo: '/user' 
     }); 
}]) 

は今RouteProviderはuser(デフォルトルート)ルートへのデフォルトのパスを見つけますし、それはあなたのビューとコントローラをロードします。 templateUrlには、テンプレートへのルートが含まれています。

0

あなただけがこのような何かを行うことができ、部分ページをロードしたい場合は...

'use strict'; 
var App = angular.module('YourProject', ['ngRoute', 'AppControllers']); 

App.config(['$routeProvider', function ($routeProvider) { 
$routeProvider. 
    when('/user', { 
     templateUrl: 'user.html' 
    }). 
    otherwise({ 
     redirectTo: '/path' 
    }); 
}]); 

あなたはちょうどあなたが何かをユーザーのAPIを呼び出すことができますいくつかのデータをロードしようとしている場合は、あなたの質問には、APIを言及しているのでお使いのコントローラからこのよう..

var AppControllers = angular.module('AppControllers', []); 

AppControllers.controller('MainController', ['$scope','$http', function ($scope, $http) { 

    //Declare a function to fetch user data from API 
    $scope.user= function() { 
     var req = { 
      method: 'GET', 
      url: baseURL + 'project/api/index.php/user' 
     } 
     return $http(req).success(function (data,status,header) { 
      $scope.user = data; 
     }).error(function() { 
      console.log(error); 
     }); 
    } 

    //Call the get user function 
    $scope.user(); 

}]); 

そして最終的にあなたの部分的なファイル(user.html)でそれをバインドするためにコントローラを追加(与えられたURLが要求をGET受け入れ、JSONデータで応答APIがあることを提供)コントローラは上記で宣言されています。

<!doctype html> 
<html ng-app="YourProject"> 
<body> 
<head> 
    <title>User Page</title> 
</head> 
<div class="user-content" ng-controller="MainController"> 
</body> 
</html> 
関連する問題