簡體   English   中英

ng-click如何運作?

[英]How doesn't ng-click work?

關於ng-click為什么不起作用,似乎有很多問題

看起來很簡單,但是不起作用:

<div class="span1 thumbCount" style="margin-top: 20px;">
  <div id="removeThumb" ng-click="delete()" style="margin-left: 30px;">
     <i class="icon-remove" style="color: #A2A251;"></i>
  </div>
</div>

在范圍內,我有:

scope.delete= function(){alert ("clicked!")};

但是,永遠不會調用delete()

只要您指定頁面/視圖使用定義刪除方法的角度控制器,此代碼就可以正常工作

angular.module('app', [])

.controller('BeerCounter', function($scope, $locale) {

  $scope.delete=function(){alert ("clicked!")};  

});

的HTML

<body ng-app="app" ng-controller="BeerCounter">
<div >
  <div id="removeThumb"  ng-click="delete()">
     <i>ssss</i>
  </div>
</div>
</body>

工作演示

檢查瀏覽器中的控制台選項卡是否有其他腳本錯誤。 如果您的JavaScript的其他部分崩潰了,那就是原因。

也許您的代碼中有一些錯別字。 這個很好用。 HTML:

<div ng-app="myApp" ng-controller="myCtrl">
  <div class="span1 thumbCount" style="margin-top: 20px;">
    <div id="removeThumb" ng-click="delete()" style="margin-left: 30px;">
       <i class="icon-remove" style="color: #A2A251;"></i>
    </div>
  </div>
</div>

控制器:

angular.module("myApp", []).controller("myCtrl", ["$scope", function($scope){
  $scope.delete = function(){
    alert("clicked!");
  }
}]);

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM