Chi*_*hit 2 html javascript angularjs
这是我的代码,实际上当我点击功能但没有显示警报而没有在控制台中收到错误.所以请告诉我该怎么做.
HTML代码
<li class="has-megamenu" ng-click="homepage()" ><a ><span >Home</span></a>
</li>
Run Code Online (Sandbox Code Playgroud)
app.js
app.controller('myController', function($scope){
$scope.homepage = function(){
alert('hi');
}});
Run Code Online (Sandbox Code Playgroud)
可能有两个原因
1- ng-app在应用程序的根元素中不使用指令.
2-您没有ng-controller正确定义.
请遵循以下工作代码.
<html>
<head>
<link rel="stylesheet" href="style.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.6.5/angular.js"></script>
<script>
var app = angular.module('app', []);
app.controller('myController', function($scope) {
$scope.homepage = function() {
alert('hi');
}
});
</script>
</head>
<body ng-app="app">
<div ng-controller="myController">
<ul>
<li class="has-megamenu" ng-click="homepage()"><a><span >Home</span></a>
</li>
</ul>
</div>
</body>
</html>Run Code Online (Sandbox Code Playgroud)
| 归档时间: |
|
| 查看次数: |
42 次 |
| 最近记录: |