gpt4 book ai didi

javascript - AngularJS - ng-click 不会触发我的 Controller 功能

转载 作者:行者123 更新时间:2023-11-28 18:48:50 25 4
gpt4 key购买 nike

我试图在单击按钮时调用函数。此代码应该可以工作,但它不会触发我在 Controller 中定义的函数。

代码编译良好,如控制台中所示,有什么想法吗?
谢谢!

这是我的代码:

  <html lang="en" ng-app="myApp" >
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Ristorante Con Fusion</title>
<!-- Bootstrap -->
<script src="js/jquery-1.12.0.min.js"></script>
<script src="js/angular.js"></script>
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/mystyles.css" rel="stylesheet">


<script >
var app = angular.module('myApp', []);

app.controller('navCtrl', function($scope) {


$scope.select=function () {
alert('hi');
};
});
</script>
</head>
<body>

<nav id="mynav"class= "navbar navbar-inverse " role="navigation" ng-controller="navCtrl" >
<div class="container">

<ul class="nav navbar-nav color-white ">
<li >
<a id="home" ng-click="navCtrl.select()"href="#" >home</a></li>
<li >
<a id="1" href="#" ng-click="navCtrl.select() ">About</a></li>
<li >
<a id="2" href="#" ng-click="navCtrl.select() ">Contact</a></li>
</ul>


</div>
</nav>
</body>

最佳答案

您无需在 HTML 中指定 'navCtrl'。只需调用'ng-click=select()'。如果您使用了controller-as='navCtrl',那么您需要使用navCtrl.select

关于javascript - AngularJS - ng-click 不会触发我的 Controller 功能,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34855254/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com