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.