Javascript 如何动态更改活动类
错误出现在ul->li->a ng点击处。 当我单击时,活动的类没有更改。 这是我的index.htmlJavascript 如何动态更改活动类,javascript,jquery,node.js,angularjs,twitter-bootstrap,Javascript,Jquery,Node.js,Angularjs,Twitter Bootstrap,错误出现在ul->li->a ng点击处。 当我单击时,活动的类没有更改。 这是我的index.html <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/html"> <head lang="en"> <meta charset="UTF-8"> <title>Talent Exhibition</title> <script type="
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/html">
<head lang="en">
<meta charset="UTF-8">
<title>Talent Exhibition</title>
<script type="text/javascript" language="javascript" src="bower_components/angular/angular.js"></script>
<script type="text/javascript" language="javascript" src="bower_components/angular-ui- router/release/angular-ui-router.js"></script>
<script type="text/javascript" language="javascript" src="bower_components/angular-animate/angular-animate.js"></script>
<script type="text/javascript" language="javascript" src="bower_components/angular-resource/angular-resource.js"></script>
<script type="text/javascript" language="JavaScript" src="app.js"></script>
<script type="text/javascript" language="JavaScript" src="bower_components/jquery/dist/jquery.js"></script>
<script type="text/javascript" language="JavaScript" src="bower_components/bootstrap/dist/js/bootstrap.js"></script>
<link rel="stylesheet" type="text/css" href="bower_components/bootstrap/dist/css/bootstrap-theme.css"/>
<link rel="stylesheet" type="text/css" href="bower_components/bootstrap/dist/css/bootstrap.css"/>
<link rel="stylesheet" type="text/css" href="app.css"/>
</head>
<body ng-app="talent">
<div ng-controller="navbarmenuController">
<div class="navbar navbar-fixed-top navbar-default">
<div class="container">
<div class="navbar-brand">
<a href="index.html">Talent Exhibition</a>
</div>
<div ng-controller="navbarformcontroller">
<form class="navbar-form navbar-right" ng-submit="loginuser()">
<input type="email" ng-model="user.username" placeholder="Email" class="form-control" required>
<input type="password" ng-model="user.password" placeholder="Password" class="form-control" required>
<button class="btn btn-success" type="submit">Login</button>
</form>
</div>
</div>
</div>
<div class="container-fluid" id="sidebar">
<div class="row" ng-controller="headercontroller as panel">
<div class="col-sm-2 col-lg-2 col-md-2 hidden-xs jumbotron">
<ul class="nav nav-sidebar">
<li ng-repeat="tab in tabs" ng-class="{active : panel.isselected({{tab.id}})}"><a ng-click="panel.selecttab({{tab.id}})" ui-sref="{{tab.name}}">{{tab.name}}</a></li>
</ul>
</div>
<div class="col-lg-9 col-sm-offset-3 col-md-10 col-md-offset-2 main" id="main" ui-view></div>
</div>
</div>
</div>
</body>
</html>
我的错误详细信息是
错误:[$parse:syntax]语法错误:标记“tab.id”是意外的,应该是从[tab.id}]开始的表达式[panel.selecttab({tab.id}}})]的第19列处的[:]。
(http://errors.angularjs.org/1.2.23/$parse/syntax?p0=tab.id&p1=is%20意外的%2C%20预期的%20%5B%3A%5D&p2=19&p3=panel.selecttab(%7B%7Btab.id%7D%7D)&p4=tab.id%7D%7D
)
在(http://localhost:63342/Talent/bower_components/angular/angular.js:78:12
)
在Parser.throwError(http://localhost:63342/Talent/bower_components/angular/angular.js:10534:11
)
在Parser.consume(http://localhost:63342/Talent/bower_components/angular/angular.js:10568:12
)
在Parser.object(http://localhost:63342/Talent/bower_components/angular/angular.js:10885:14
)
在Parser.primary(http://localhost:63342/Talent/bower_components/angular/angular.js:10504:22
)
在Parser.unary(http://localhost:63342/Talent/bower_components/angular/angular.js:10757:19
)
在Parser.乘法(http://localhost:63342/Talent/bower_components/angular/angular.js:10740:21
)
在Parser.additional(http://localhost:63342/Talent/bower_components/angular/angular.js:10731:21
)
在Parser.relational(http://localhost:63342/Talent/bower_components/angular/angular.js:10722:21
)
在Parser.equality(http://localhost:63342/Talent/bower_components/angular/angular.js:10713:21
)>
(匿名函数)angular.js:10061
(匿名函数)angular.js:7357
applyDirectivesToNode.js:6473
compileNodes angular.js:6036
compileNodes angular.js:6048
编译angular.js:5969
applyDirectivesToNode.js:6379
compileNodes angular.js:6036
compileNodes angular.js:6048
compileNodes angular.js:6048
compileNodes angular.js:6048
compileNodes angular.js:6048
compileNodes angular.js:6048
compileNodes angular.js:6048
编译angular.js:5969
(匿名函数)angular.js:1449
范围$eval angular.js:12673
范围:$apply angular.js:12771
(匿名函数)angular.js:1447
调用angular.js:3966
doBootstrap angular.js:1445
bootstrap.js:1459
angularInit angular.js:1368
(匿名函数)angular.js:21949
触发器角度。js:2573
(匿名函数)angular.js:2853
forEach angular.js:325
eventHandler angular.js:2852“
我认为
ng click
指令中的把手是多余的。请在没有把手的情况下尝试:
<a ng-click="panel.selecttab(tab.id)" ui-sref="{{tab.name}}">{{tab.name}}</a>
<a ng-click="panel.selecttab(tab.id)" ui-sref="{{tab.name}}">{{tab.name}}</a>
<a ng-click="panel.selecttab(tab.id)" ui-sref="tab.name">{{tab.name}}</a>