Ouvrez une nouvelle fenêtre dans AngularJS

Je sais que c'est simple et une question stupide mais je ne peux pas pour la vie de me faire ce travail pour une raison...

J'ai donc un lien (basé sur un non-angulaire popup en utilisant onclick):

<a href="page.html" ng-click="popitup('page.html')">Page</a>

Et une fonction dans le champ d'application:

$scope.popitup = function(url) {
  return $window.open(url, '_blank', 'height=200,width=150');
};

Tout ce que je veux dire, c'est quand quelqu'un clique sur le lien, ouvrir une nouvelle fenêtre pour afficher les page.html. J'ai essayé de changer de petites pièces de le lien et la fonction, mais je ne peux pas l'obtenir. Je suis sûr que c'est quelque chose de petit, je fais de mal.

  • Vous êtes de passage dans $portée et $fenêtre dans votre fonction de contrôleur comme dans les docs exemple? docs.angularjs.org/api/ng/service/$de la fenêtre
  • AH! Que peut-être elle.. brb la compilation..
  • Nevermind. J'ai ajouté $window $et champ d'application était déjà là. Ne semble pas changer quoi que ce soit.
  • Essayez d'attribuer une référence à la méthode de la valeur de retour. Il peut vous aider à déboguer. var newWin = $de la fenêtre.open(url, '_blank', 'height=200,largeur=150'); Alors log/dir la newWin var
  • Oh, et essayez d'utiliser une url complète page.html
InformationsquelleAutor elykl33t | 2015-10-19
  1. 1

    Essayer cette.. HTML

      <body ng-controller="MainCtrl">
  <a  role="link" ng-click="popitup('page.html', '_blank')">Page</a>
  </body>

    Dans le contrôleur

    app.controller('MainCtrl', function($scope, $window) {
  $scope.popitup = function(url, target) {
  $window.open(url, target);
};
});

    plunker

    • vous pouvez également régler la taille de la largeur de l'ouvrir dans une nouvelle fenêtre. jouer avec plunker..
    InformationsquelleAutor Swapnil Patwa
  2. 0

    Cela a fonctionné pour moi.

    html

     <a data-ng-click="openPrintMode()">
                            <i class="fa fa-print"></i>
                        </a>

    contrôleur

    $rootScope.openPrintMode = openPrintMode;

function openPrintMode() {
            $window.open($location.$$absUrl + "?v=p", "_blank");
        }
    InformationsquelleAutor Mastro