Question

第一次在这里发帖。尝试通过制作标签脚本来学习一些角度，我跟随正是代码控制器中描述的内容，但脚本不会运行。

我收到此错误，说我的控制器未定义：错误：[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>

这是我对控制器的尝试：

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;
    };
});

我试图找出代码学校的教程是否过时或者其他什么，我很高兴找到它们，但是这些基本不起作用的东西，我想知道我是否＃＆＃ 39;浪费我的时间。谢谢大家！

Answer 1

代替ng-controller =“TabController as useTab”write ng-controller =“TabController”
而不是编写useTab.isTab和useTab.setTab等等....删除useTab，只留下isTab和setTab

为什么这个控制器未定义？

1 个答案: