點擊一個鏈接與angularjs沒有響應點擊

我想點擊一個與angularjs的鏈接，但它沒有響應點擊單擊事件。點擊錨鏈接時什麼也沒有發生。這是angularjs腳本標籤點擊一個鏈接與angularjs沒有響應點擊

<script data-require="[email protected]" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.0/angular.js"></script> 
     <script type="text/javascript"> 
    angular.module("module",[]) 
.controller("controller",function($scope){ 

    $scope.func =function(){ 
    alert('clicked me'); 
    } 

})</script>

我申請的點擊這樣的片段，但沒有響應點擊事件

<div ng-app="module" ng-controller="controller" class="separator clear-left"> 
    <p class="btn-add"> 
     <i class="fa fa-shopping-cart"></i> 
     <a href="#" id="click" class="hidden-sm add" id-data="1">Add to cart</a> 
     <br> 
     <a ng-click="func()" href="#">Take me there</a> <!-- area of problem --> 
    </p> 
    <p class="btn-details"> 
     <i class="fa fa-list"></i><a href="#" class="hidden-sm detail">More details</a> 
    </p> 
</div>

爲什麼單擊事件中使用angularjs

來源

2017-04-11 parker

嘗試的console.log。如果console.log顯示值，請檢查窗口上的警報是否被阻止。 @parker –

可能是你的CSS覆蓋。檢查你的按鈕css。 –

線上工作ks沒有任何問題。也許你可以比較看看

演示

angular.module("module",[]) 
 
.controller("controller",function($scope){ 
 

 
    $scope.func =function(){ 
 
    alert('clicked me'); 
 
    } 
 

 
})

<script data-require="[email protected]" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.0/angular.js"></script> 
 
<div ng-app="module" ng-controller="controller" class="separator clear-left"> 
 
    <p class="btn-add"> 
 
     <i class="fa fa-shopping-cart"></i> 
 
     <a href="#" id="click" class="hidden-sm add" id-data="1">Add to cart</a> 
 
     <br> 
 
     <a ng-click="func()" href="#">Take me there</a> <!-- area of problem --> 
 
    </p> 
 
    <p class="btn-details"> 
 
     <i class="fa fa-list"></i><a href="#" class="hidden-sm detail">More details</a> 
 
    </p> 
 
</div>

來源

2017-04-11 10:02:43 Sajeetharan

將它添加到頁面鏈接已被清除不知道腳本是否阻止它被點擊 – parker

@parker添加到哪個頁面？ – Sajeetharan

您的答案中的代碼片段「 – parker

-2

沒有發生修改如下所述的線路並試一試

<a ng-click="func()" href="">Take me there</a>

來源

2017-04-11 10:01:59 CrazyMac

我剛剛創建了jsbin。它的工作原理 https://jsbin.com/hifujod/edit?html,js,console,output

HTML

<!DOCTYPE html> 
<html> 
<head> 
    <meta charset="utf-8"> 
    <meta name="viewport" content="width=device-width"> 
    <title>JS Bin</title> 
</head> 
<body> 
    <div ng-app="module" ng-controller="controller" class="separator clear-left"> 
    <p class="btn-add"> 
     <i class="fa fa-shopping-cart"></i> 
     <a href="#" id="click" class="hidden-sm add" id-data="1">Add to cart</a> 
     <br> 
     <a ng-click="func()" href="#">Take me there</a> <!-- area of problem --> 
    </p> 
    <p class="btn-details"> 
     <i class="fa fa-list"></i><a href="#" class="hidden-sm detail">More details</a> 
    </p> 
</div> 
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.0/angular.min.js"></script> 

</body> 
</html>

的JavaScript

angular.module("module",[]) 
.controller("controller",function($scope){ 

    $scope.func =function(){ 
    alert('clicked me'); 

    } 
})

來源

2017-04-11 10:04:16

加入它的頁面鏈接灰顯 – parker

你正在嘗試jsbin嗎？ –

它的工作fine.Check你的CSS，因爲可能是CSS覆蓋的元素。

angular.module("mainApp",[]) 
 
.controller("ctrl",function($scope){ 
 
    $scope.func =function(){ 
 
    console.log('Hi!'); 
 
    } 
 
});

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> 
 
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css" /> 
 
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.3/angular.js"></script> 
 
<div ng-app="mainApp" ng-controller="ctrl" class="separator clear-left"> 
 
    <p class="btn-add"> 
 
    <i class="fa fa-shopping-cart"></i> 
 
    <a href="#" id="click" class="hidden-sm add" id-data="1">Add to cart</a>  
 
    <a ng-click="func()" href="#">Take me there</a> 
 
    </p> 
 
    <p class="btn-details"> 
 
     <i class="fa fa-list"></i><a href="#" class="hidden-sm detail">More details</a> 
 
    </p> 
 
</div>

來源

2017-04-11 10:09:39

如何使用CSS來防止超限 – parker

只需檢查並檢查它。天氣的任何元素是否被覆蓋。 –

首先刪除相關的CSS類並檢查點擊fuc –

點擊一個鏈接與angularjs沒有響應點擊

回答

相關問題