Angularjs 为什么这个控制器没有定义?
第一次在这里发布。通过制作制表符脚本来学习一些角度,我如下 代码控制器中描述的内容,但脚本不会运行 我得到这个错误,说我的控制器未定义:error:[ng:areq] 以下是HTML:Angularjs 为什么这个控制器没有定义?,angularjs,Angularjs,第一次在这里发布。通过制作制表符脚本来学习一些角度,我如下 代码控制器中描述的内容,但脚本不会运行 我得到这个错误,说我的控制器未定义:error:[ng:areq] 以下是HTML: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml" ng-app="tabModule"> <head> <link href="Stylesheets/bootstrap.min.css" rel=
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" ng-app="tabModule">
<head>
<link href="Stylesheets/bootstrap.min.css" rel="stylesheet" />
<title></title>
</head>
<body>
<section class="tab" ng-controller="TabController as useTab">
<ul class="nav nav-pills">
<li ng-class="{active: useTab.isTab(1)}">
<a href ng-click="useTab.setTab(1)">FirstTab</a>
</li>
<li ng-class="{active: useTab.isTab(2)}">
<a href ng-click="useTab.setTab(2)">SecondTab</a>
</li>
<li ng-class="{active: useTab.isTab(3)}">
<a href ng-click="useTab.setTab(3)">Third Tab</a>
</li>
</ul>
<div class="panel" ng-show="useTab.isTab(1)">
<h4>Description</h4>
</div>
<div class="panel" ng-show="useTab.isTab(2)">
<h4>MoreDescription</h4>
</div>
<div class="panel" ng-show="useTab.isTab(3)">
<h4>ExtraDescription</h4>
<p>Test</p>
</div>
</section>
<script src="Scripts/angular.min.js"></script>
<script src="Scripts/TabScript.js"></script>
<script src="Scripts/Angular-js-route.js"></script>
</body>
</html>
我想知道代码学校的教程是否过时了,我很高兴能找到它们,但由于一些基本的东西不起作用,我想知道我是不是在浪费时间。谢谢大家
将ng controller=TabController替换为useTab写入ng controller=TabController
而不是编写useTab.isTab和useTab.setTab等等。。。。删除useTab,只保留isTab和setTab
检查这一行app.controller'TabContoller',函数{…TabController拼写错误。这个问题似乎与主题无关,因为它是关于一个简单的输入错误。询问者使用的controllerAs语法不是问题所在。
var app = angular.module('tabModule', []);
app.controller('TabContoller', function() {
this.tab = 1;
this.setTab = function(tabSelected) {
this.tab = tabSelected;
};
this.isTab = function(checkTab) {
return this.tab === checkTab;
};
});