基本的ng-click示例不工作

這是一個非常基本的ng-click示例。我似乎無法得到它的工作。不知道問題是什麼。我發誓我之前使用過Angular！這裏有一個jsbin：基本的ng-click示例不工作

<!DOCTYPE html> 
<html ng-app> 
<head> 
    <meta charset="utf-8"> 
    <meta name="viewport" content="width=device-width"> 
    <title>JS Bin</title> 
</head> 
<body> 
    <h1>{{1 + 2}}</h1> 
    <button ng-click="alert('hello world')">Click me!</button> 
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.0/angular.min.js"></script> 

</body> 
</html>

模塊：

angular.module('app', []);

來源

2017-12-18 PPJN

添加控制器 –

這將是對你有所幫助，而這樣做angularjs你應該添加控制器，根據你的情況，我創建了一個功能，傳遞一個字符串值來顯示警報的消息。

var app=angular.module('app', []); 
 
app.controller('testCtrl',function($scope){ 
 
    $scope.showalert=function(str){ 
 
     alert(str); 
 
    } 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<div ng-app="app" ng-strict-di ng-controller="testCtrl"> 
 
<h1>{{1 + 2}}</h1> 
 
<button ng-click="showalert('hai this is angularjs click event')"> click Me!..</button> 
 
</div>

來源

2017-12-18 04:31:15

謝謝！我認爲使用警報應該可以使用或不使用控制器 – PPJN

基本的ng-click示例不工作

回答

相關問題