AngularJS-ng-click不会触发我的控制器功能
[英]AngularJS - ng-click doesn't fire my controller function
问题描述
单击按钮时，我试图调用一个函数。 该代码应该可以工作，但是不会触发我在控制器中定义的功能。
代码可以在控制台中正常显示，知道吗？
谢谢！
这是我的代码：
<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>
2 个解决方案
解决方案1
3 已采纳 2016-01-18 12:54:11
您无需在HTML中指定'navCtrl' 。 只需调用'ng-click=select()' 。 如果您使用controller-as='navCtrl'则需要使用navCtrl.select 。
解决方案2
0 2016-01-18 12:55:20
只需对其进行如下修改：
<ul class="nav navbar-nav color-white ">
<li >
<a id="home" ng-click="select()">home</a></li>
<li >
<a id="1" href="#" ng-click="select()">About</a></li>
<li >
<a id="2" href="#" ng-click="select()">Contact</a></li>
</ul>
希望它有用。
AngularJS指令：将控制器中的函数附加到ng-click
[英]AngularJS Directive: Attaching a function from the controller to ng-click
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.