Comment transmettre les variables de serveur node.js dans ma vue angulaire / html?

J'ai cette route dans mon app.js fichier qui démarre le serveur

app.get('/view/:item_id', function(req,res){
    var A = 5;
    res.render('view_item');

et j'ai ceci dans mon view_item.html:

<p>{{A}}</p>

Je veux qu'il affiche la valeur de la variable - 5. Si je devais utiliser un moteur de template comme le jade, il serait simple. Je pouvais changer troisième ligne de mon code serveur pour res.render({A:A},'view_item');

Mais je suis en utilisant le html comme mon moteur de template. Mes recherches jusqu'à présent m'a dit qu'à l'aide d'un moteur de template angulaire est généralement une mauvaise idée, et il y a toujours un moyen de le faire en utilisant angulaire intégré dans un système de template. Alors, comment dois-je faire? Dois-je en quelque sorte de passer à l' $de la portée et de l'inclure comme

<script>
    $scope.A = {{A}};
</script>

Je n'ai pas vu cette façon de faire n'importe où, alors je ne pense pas que sa le chemin à parcourir.

source d'informationauteur user3727514

  1. 10

    C'est un processus en deux étapes.

    1. Tout d'abord, vous avez besoin d'utiliser une bibliothèque(bibliothèque du serveur) comme express dans nœud pour définir le bon routages (Services REST) pour répondre à vos Demandes:

    Côté Serveur

    //app = express();
    app.get('/api/:paramID1/:paramID2',function(req, res){
        return res.json({ A: 5 });
    });

    1. Sur le côté clientvous avez besoin d'un appel ajax pour appeler le service comme: 

      $http.get( "/api/1/abc").success(function( data ) {
  $scope.A= data; //from your sample;
  alert( "Load was performed. " + data );
});

    Veuillez noter que lors de l'utilisation de REPOS il y a différents type de "méthodes" qui peut être invoquée en fonction de vos besoins, tels que POSTE, SUPPRIMER, mettre à JOUR ou de celui mentionné dans l'exemple OBTENIR.

  2. 4

    Si vous utilisez Angulaire vous devriez probablement être la construction d'une seule page app -- cela serait le cas pour la plupart des modernes avant la fin de cadres. Pour les SPAs vous commencez avec une base de fichier html (probablement index.html). Ensuite, votre cadre de gestion du rendu de tout le reste. Votre serveur peut également émettre des modèles, mais il ne rendent jamais rien lui-même.

    app.get('/view/:item_id', function(req,res){

    Cela ne devrait pas être rendu quoi que ce soit ou de retour HTML. Au lieu de cela, vous devriez être de retour des données que l'extrémité avant utilisera pour rendre -- de préférence sous forme de JSON.

    res.json({A: 5});

    Puis Angulaire que vous feriez quelque chose comme

    $http.get("/view/1").success(function (data) {
    ctrl.A = data.A;
});

    Votre code html/modèle aurait quelque chose comme

    <div ng-controller="ctrl as ctrl">
    <div>{{ctrl.A}}</div>

    Une fois $http.get terminée, ctrl.A est rempli.