2017-08-03 4 views
0

node.jsのAPI呼び出しとしてui-routerを使用することができます。node.jsのAPIとしてのUi-router

などです。家庭のようなメニューナビゲーションを持っています、私たちは

$urlRouterProvider.otherwise("/"); 

     $stateProvider 
      .state('home', { 
       url: '/', 
       templateUrl: 'views/home.html', 
       controller: function ($rootScope) { 
        $rootScope.title = 'lolla lo '; 
        $rootScope.metaDescription = 'popcicals popcicals'; 
       } 
      }) 
      .state('about', { 
       url: '/about', 
       templateUrl: 'views/about.html', 
       controller: function ($rootScope) { 
        $rootScope.title = 'About Us - bla bla bla'; 
        $rootScope.metaDescription = 'la la la'; 
       } 

のように使用することができ、そのための接触が可能で午前以来/ myAPI /家庭のようなAPI呼び出し /myAPI /について

と同じルーティングを呼び出すためにということですnode.jsの新機能node.js、Express、angular.js 1.xだけで単純なAPIを構築する方法について、非常に基本的なことを学びたいだけです。

多くのリソースはGoogleの神によって与えられます。私のレベルでは理解できません。重複としてマークしないでください。

あなたの知識、経験を共有してください

はいあなた

+0

あなたのバックエンドでのAPIを作成するために同じURLを使用することができますNodeJS apiからの応答を得るかapiを起動するためには、フロントエンド側からリクエストが必要な場合があります。 – Kamesh

+0

@Kameshはこれに飛び乗ってくれてありがとう。これについての例を共有することができます。私は試しましたが、関連する例を見つけることができません。あなたの返信に感謝します。 – Nag

答えて

0

に感謝、しかし、あなたが理解する必要がありますが、ページを更新するので、そのバックエンドのルーティングはルートを処理します。
フロントエンドでは、着信の値を回避する必要があります。global.dataです。
バックエンドは、各ルート上のいくつかのテンプレートベースのデータ(varousデータ)の助けを借りてこのデータを送信します。
Frontendは各ルート上でこのデータをプルします - 彼はそれをどのように扱うか知っています。

+0

可能であれば、いくつかのライブサンプルを共有することができますか?フロントエンドから関連するAPIを取得するためのパラメータを渡す必要がありますか? – Nag

0

フロントエンド側では、myAPI/homeの状態があり、バックエンドに同じAPIを持っていると仮定して、コントローラのAPIを次のように呼び出すことができます。また、このAPIを呼び出すためのサービスを作成することもできますMVCアプローチのために。バックエンド側で

$stateProvider 
      .state('myAPI/home', { 
       url: '/myAPI/home', 
       templateUrl: 'views/home.html', 
       controller: function ($rootScope, $http) { 
        $rootScope.title = 'lolla lo '; 
        $rootScope.metaDescription = 'popcicals popcicals'; 
        $http.get('/myAPI/home').then(function(response){ 
         console.log(response) 
        }) 
       } 
      }) 

、NodeJSは、要求がmyAPI /ホームURL /に行われたときにトリガされたAPIを作る:

app.get('/myAPI/home', function(req, res){ 
    res.send('Hello from the other side'); 
}) 
+0

うわー...男に感謝します。 – Nag