AngularJS ng-click不起作用
[英]AngularJS ng-click not working
問題描述
我剛剛創建了一個非常簡單的應用程序。 它僅包含ng-click中使用的一個功能。 不知何故，ng-click不會觸發。 誰能幫我看看？
柱塞：
http://plnkr.co/edit/DxwX5sJVaKABeC2JBF8M?p=preview
的HTML
var app = angular.module('myApp');
app.controller('createController', ['$scope', function($scope){
$scope.submitProject = function(){
alert('wahaha');
};
}]);
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<!DOCTYPE html>
<html ng-app="myApp">
<head>
<link rel="stylesheet" href="style.css">
<script src="script.js"></script>
</head>
<body>
<h1>Hello Plunker!</h1>
<div class="form-group text-right">
<button class="btn btn-primary btn-lg" ng-click="submitProject()">Submit</button>
</div>
</body>
</html>
4 個解決方案
解決方案1
1 2015-09-23 02:32:03
您需要通過添加ng-controller屬性來綁定控制器，例如
<body ng-controller="createController">
到包含要綁定createController范圍的html的元素。
解決方案2
1 已采納 2015-09-23 02:33:07
添加一個ng-controller，這樣ng-click就會知道哪個控制器是該功能。
<div class="form-group text-right" ng-controller="createController as create">
<button class="btn btn-primary btn-lg" ng-click="create.submitProject()">Submit</button>
</div>
我建議使用controllerAs，試試這個在閱讀這個文章 。
解決方案3
1 2015-09-23 02:42:16
將控制器添加到外部Div可以解決您的問題。
<div ng-controller='createController' class="form-group text-right">
希望能幫助到你。
解決方案4
1 2015-09-23 02:56:17
看起來模塊'myApp'沒有正確實例化。 它應該是：
var app = angular.module('myApp', []);
這是因為您需要傳遞一個數組，該數組是myApp所依賴的模塊列表。 在這種情況下，它是一個空數組。
您還需要按照先前答案的建議將控制器添加到視圖中。
AngularJS ng-click無效
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.