角ng-click不觸發
[英]Angular ng-click not firing
問題描述
我嘗試了許多不同的方法來嘗試使它起作用。 我讀過了：
ng-click不會在AngularJS中觸發，而onclick會觸發
還有更多
HTML：
<div ng-controller="testApp">
<div id="bla">
<button ng-click="obey('bla')">Close</button>
<h4>Bla bla bla</h4>
</div>
</div>
JS：
var testApp = angular.module('testApp', []);
testApp.controller('testController', function($scope) {
$scope.obey = function test(id) {
$("#" + id).fadeOut("slow", function() {
this.remove()
});
};
});
由於某種原因，div根本不會消失。
4 個解決方案
解決方案1
7 已采納 2017-02-04 12:51:18
您在controller指定了應用程序名稱。 檢查一下。
var testApp = angular.module('testApp', []); testApp.controller('testController', function($scope) { $scope.obey = function test(id) { $scope.hide= !$scope.hide; }; });
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> <div ng-app="testApp" ng-controller="testController"> <div id="bla"> <button ng-click="obey('bla')">Close</button> <h4 ng-hide="hide">Bla bla bla</h4> </div> </div>
解決方案2
0 2017-02-04 12:55:06
在我看來，您的控制器名稱有誤。 嘗試這個：
<div ng-app="testApp" ng-controller="testController">
<div id="bla">
<button ng-click="obey('bla')">Close</button>
<h4>Bla bla bla</h4>
</div>
解決方案3
0 2017-02-04 12:56:16
在這種情況下，您可以使用ng-show或ng-hide
<div ng-controller="testApp">
<div id="bla">
<button ng-click="obey()">Close</button>
<h4 ng-show="viewDiv">Bla bla bla</h4>
</div>
</div>
var testApp = angular.module('testApp', []);
testApp.controller('testController', function($scope) {
$scope.viewDiv = true;
$scope.obey = function test(id) {
$scope.viewDiv = !$scope.viewDiv;
};
});
有關角度動畫的信息，請參閱LINK
解決方案4
0 2017-02-04 13:11:23
指定正確的“ ng-app”和“ ng-controller”名稱
HTML即
<body ng-app="testApp">
<div ng-controller="testController">
<div id="bla">
<button ng-click="obey('bla')">Close</button>
<h4>Bla bla bla</h4>
</div>
</div>
<body>
ng-click不使用django / angular觸發
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.