Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/21.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angularjs 为什么这个控制器没有定义?_Angularjs - Fatal编程技术网

Angularjs 为什么这个控制器没有定义?

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=

第一次在这里发布。通过制作制表符脚本来学习一些角度,我如下 代码控制器中描述的内容,但脚本不会运行

我得到这个错误,说我的控制器未定义: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="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;
    };
});