シミュレート "<a href>" in Angular

Question

I have a situation (modal popup) that classical link using <a href> does not work, so I need to simulate that link behavior in a <div>. CODEPEN link

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

 
myApp.controller('testCtrl', ['$scope', '$window', function($scope, $window) { 
 
    $scope.greeting = 'Hola!'; 
 
    $scope.myAlert = function(event) { 
 
    console.log('this is the $scope.greeting'); 
 
    console.log($scope.greeting); 
 
    console.log('this is the $window.location.href:'); 
 
    console.log($window.location.href); 
 
    console.log('this is the event.target.dataset.href:'); 
 
    console.log(event.target.dataset.href); 
 
    $window.location.href = event.target.dataset.href; 
 
    } 
 
}]);

<div ng-app="myApp" ng-controller="testCtrl"> 
 
    <div data-href="http://test.com" ng-click="myAlert($event);">CLICK ME!</div> 
 
    <div ng-click="$window.location.href='http://test.com';">DIRECTT LINK!</div> 
 
</div>

なぜ第二のdivはクリックで何もしない？

NB。私は、ポップアップでリンクを開く必要はありません

または新しい未亡人、私のdivは既にポップアップにあるので、私はちょうどa hrefのような同じ未亡人でそのリンクを開く必要がある、私が必要なすべてです。

つまり、「a href」を使用せずにリンクを開く必要があります。 HTMLは$ウィンドウを認識していないため、

Answer 1

使用<div onclick="window.location.replace('http://test.com')"></div>

Answer 2

あなたのコードが動作していない...それは独立したファイルで、URLが生成されたHTMLであるので、私はJavaScriptでURLを置くことができませんHTMLスクリプト内

<div ng-app="myApp" ng-controller="testCtrl"> 
     <div data-href="http://test.com" ng-click="myAlert($event);">CLICK ME!</div> 
     <div ng-click="openLink('http://test.com');">DIRECTT LINK!</div> 
    </div> 

でこれを試してみてください ：

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

    myApp.controller('testCtrl', ['$scope', '$window', function($scope, $window) { 
     $scope.greeting = 'Hola!'; 
     $scope.myAlert = function(event) { 
     console.log('this is the $scope.greeting'); 
     console.log($scope.greeting); 
     console.log('this is the $window.location.href:'); 
     console.log($window.location.href); 
     console.log('this is the event.target.dataset.href:'); 
     console.log(event.target.dataset.href); 
     $window.location.href = event.target.dataset.href; 
     } 

     $scope.openLink = function(link){ 
     $window.location.href = link; 
     }; 

    }]);