Ng-click在div中不起作用
[英]Ng-click not working in div
問題描述
當我單擊一個按鈕時，會出現一個菜單。 好吧，在該菜單中，我有兩個跨度：icon-title。 我猜很簡單。
好吧，以某種方式，當我單擊它們時，這些跨度不會調用我的控制器方法。 我嘗試將這些對包裝在div中並在它們上設置ng-click，但這也不起作用。
這是我的上下文菜單：
<div class="opciones" ng-hide="optionsHide">
<div>
<span class="glyphicon glyphicon-lock icono"></span> <span class="optionsLabel">Encrypt</span>
</div><br>
<div ng-click="removeNote()">
<span class="glyphicon glyphicon-trash icono"></span><span class="optionsLabel"> Delete</span><br>
</div><br>
<div>
<span class="glyphicon glyphicon-wrench icono"></span><span class="optionsLabel"> Options</span>
</div>
</div>
當前，我僅關注“ removeNote（）”函數。 我已經准備好測試角度和節點方法，但是由於無法執行點擊，所以我無法使用它們。
這是工作控制器內部的函數：
$scope.removeNote = function(){
$http.post('/removeNote', $scope.mainNote).success(function(data){
console.log("Note removed");
console.log(data);
loadNotes();
}).error(function(err){
console.log("ERROR ON DELETE");
console.log(err);
});
}
為什么ng-click不調用此功能？ 我想念什么嗎？
編輯：
控制器聲明：
上位控制器：
app.controller('mainCtrl', ['$scope', '$http', '$filter', 'focus', function($scope, $http, $filter, focus){
內：
app.controller('contentCtrl', ['$scope', '$q', '$timeout', function($scope, $q, $timeout) {
采用：
<body ng-controller="mainCtrl" ng-cloak>
// Things
<content ng-controller="contentCtrl">
// My contextual menu as shown above
實際上，此方法在另一個控制器（是的，兩個嵌套的控制器）內部，但是其余繼承的函數可以正常工作。 唯一不起作用的就是這個。 無論如何，當我將鼠標放在div /一對跨度上時，我總是看到普通的指針，因此根本沒有使用它（我可以在HTML控制台中看到它）。
1 個解決方案
解決方案1
0 2016-05-14 07:16:31
嘗試更改您的ng-controller行：
<body ng-controller="MainCtrl as vm">
然后您的方法調用：
<div ng-click="vm.removeNote()">
現在可以正常工作了嗎，console.log可以給您一些東西嗎？
吳點擊不起作用
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.