ng-click窗口打開沒有響應？

Question

<p ng-click='window.open("{{data.url}}","_self")'>{{data.name}}</p> 

這有什麼問題嗎？我也嘗試onclick，但我看到控制檯中的錯誤。

Answer 1

ngClick！= onClick

ngClick只能訪問範圍內的項目。要解決此問題，您可以在控制器操作中使用$window服務，或者將$ window添加到範圍中。

您的表達式是無效的

你ngClick包含標記需要進行插值。當在ngClick之內時，不需要使用{{}}語法，並且可以直接輕鬆使用scope變量。

也許用ngHref？

如果你正在做的是打開了一個窗口，只使用一個錨標記和ngHref

<a ng-href="{{data.url}}">{{data.name}}</a> 

Answer 2

我必須說你有$窗口服務的幫助，這樣做的控制器： -

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

app.controller('MainCtrl', function($scope,$window) { 
$scope.open=function(data){ 
    $window.open(data,"self") 
    } 
}); 

HTML： -

<p ng-click='open(data.url)'>{{data.name}}</p> 

Plunker

Answer 3

我建議指令：

<p window-open url="data.url">{{data.name}}</p> 

app.directive('windowOpen', function($window) { 
    return { 
    restrict: 'A', 
    link: function (scope, element, attrs) { 
     $window.open(attrs.url,"self"); 
    } 
    }; 
});