angularjs：ng-click無法正常工作
[英]angularjs: ng-click not working
問題描述
這是我的html代碼
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body ng-app="chat">
<div ng-controller="chatCtrl">
<div ng-repeat="i in chatResult">
{{i.first_name}}
{{i.last_name}}
{{i.id}}
{{i.age}}
</div>
<input type="text" ng-model="message">{{message}}
<input type="text" ng-model="username">{{username}}
<button ng-click="saveData()">Submit</button>
</div>
<script src="static/jquery.js"></script>
<script src="static/angular.min.js"></script>
<script src="static/app.js"></script>
</body>
</html>
在上面的html代碼當我按下提交按鈕時，ng-click功能沒有響應。
這是我的app.js
var chat = angular.module('chat', [])
chat.controller('chatCtrl', function($scope,$http){
$scope.chatResult = null;
$http.defaults.headers.post["Content-Type"] = "application/x-www-form-urlencsoded";
$http.get('http://localhost:3000/chat').success(function(result){
$scope.chatResult = result;
});
$scope.message = '';
$scope.username = '';
$scope.saveData = function(){
$console.log('save data function');
$http.post('http://localhost:3000/save/chat/data', {message:$scope.message, username:$scope.username}).
success(function(result){
$console.log(result);
});
}
});
單擊提交按鈕時，我調用角度單擊事件來觸發saveData函數。
但在我的情況下，我的代碼中沒有任何問題......
2 個解決方案
解決方案1
5 已采納 2015-08-13 17:18:52
實際上，我認為它正在調用，但我不確定$console.log 。 我將其更改為console.log ，每次單擊按鈕時都會看到函數記錄。 看看這個：
http://plnkr.co/edit/BNuZUe?p=preview
var chat = angular.module('chat', [])
chat.controller('chatCtrl', function($scope,$http){
$scope.chatResult = null;
$http.defaults.headers.post["Content-Type"] = "application/x-www-form-urlencsoded";
$http.get('http://localhost:3000/chat').success(function(result){
$scope.chatResult = result;
});
$scope.message = '';
$scope.username = '';
$scope.saveData = function(){
console.log('save data function');
$http.post('http://localhost:3000/save/chat/data', {message:$scope.message, username:$scope.username}).
success(function(result){
$console.log(result);
});
}
});
解決方案2
0 2015-08-13 17:51:37
Angular在瀏覽器的控制台窗口中有任何不同的服務打印。 此服務名稱為$log 。
$log服務有不同的方法，如：
-
$log.log(string_value) -
$log.warn(string_value) -
$log.info(string_value) - 等等
所以，像...一樣使用它
var chat = angular.module('chat', [])
chat.controller('chatCtrl', function($scope,$http, $log){
$scope.chatResult = null;
$http.defaults.headers.post["Content-Type"] = "application/x-www-form-urlencsoded";
$http.get('http://localhost:3000/chat').success(function(result){
$scope.chatResult = result;
});
$scope.message = '';
$scope.username = '';
$scope.saveData = function(){
$log.log('save data function');
$http.post('http://localhost:3000/save/chat/data', {message:$scope.message, username:$scope.username}).
success(function(result){
$log.info(result);
});
}
});
AngularJS ng-click不起作用
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.