2016-05-08 15 views
1

Ich bin neu in Angularjs und Nodejs. Ich versuche die card.html-Seite aufzurufen, nachdem ich mit AngularJs auf die Schaltfläche geklickt habe. Außerdem sollte die Seite card.html die "scope.resultCards" anzeigen, die vom Controller zurückerhalten wurden. Wie soll ich das Gleiche erreichen? Jede Hilfe/Beratung würde sehr geschätzt werden. Vielen Dank !Redirect auf eine andere HTML-Seite mit angularJs und Nodejs

Meine HTML-Seite wie folgt aussieht:

  <div id ="button_spaces"> 
      <table> 
       <tbody> 
        <tr ng-repeat="result in results"> 
        <br> 
        <form action="/card"> 
         <td> <input type ="submit" ng-click="getcards(result.setIdNum)" value = {{result.Category}} > 
         </td> 
        </form> 
        </tr> 
       </tbody> 
      </table> 
     </form> 
    </div> 
</div> 

Mein Client-Controller wie folgt: $ scope.getcards = function (setIdNum) {

 var url = "/cards/"+setIdNum; 
     console.log(" cards url "+ url); 

      $http.get(url).success(function(data){ 
      $scope.resultCards = data; 

      console.log("Test cards: ", $scope.resultCards); 
     }); 
    } 

und mein Server.js Code ist wie fo llows: app.get ('/ Karten /: setIdNum', function (req, res) {

var searchrequest = req.params.setIdNum; 
Cards.find({settIdNum: searchrequest},function(err, found) { 

     if (err) 
      res.send(err) 
     else 
     res.json(found); // return all cards in JSON format 

    }); 
}); 
+0

Hallo Dipali, musst du die Seite nach dem Klick umleiten? –

+0

Hallo Siva. Ja, nach dem Klick muss ich auf eine andere Seite (card.html) umleiten, die den Inhalt in ($ scope.resultCards) anzeigt. – Dipali

Antwort

0

Verwenden $state.go zu einer anderen Ansicht mit param, finden Sie die offizielle Dokumentation von UI Router

$scope.getcards = function(setIdNum) { 
     var url = "/cards/"+setIdNum; 
     console.log(" cards url "+ url); 

     $http.get(url).success(function(data){ 
      $scope.resultCards = data; 
      console.log("Test cards: ", $scope.resultCards); 
      $state.go("card", { cards: $scope.resultCards }); 
     }); 
    } 
umleiten
+0

Danke Siva mit deiner Hilfe. Ich habe es tatsächlich gelöst, indem ich $ location.path (url) benutzt habe. – Dipali

+0

Danke Dipali :) –

Verwandte Themen