0

楽しみのために、タブ スタイルのナビゲーションを作成するディレクティブを作成しました。これはディレクティブです:

define(['angular'], function (ng) {
var directives = ng.module('directives', []);

/* top navigation tabs */
directives.directive('tabset', function () {
    return {
        restrict: 'E',
        scope: {},
        transclude: true,
        replace: true,
        templateUrl: 'common/components/directives/templates/tabset.tpl.html'
    };
})
.directive('tab', ['$location', function ($location) {
    return {
        restrict: 'E',
        replace: true,
        scope: {
            route: '@',
            title: '@'
        },
        link: function (scope, element, attrs) {
            var route = attrs.route;

            scope.location = $location;
            scope.active = false;

            scope.$watch('location.path()', function (new_route) {
                scope.active = route === new_route;
            });
        },
        templateUrl: 'common/components/directives/templates/tab.tpl.html'
    };
}]);

return directives;
});

Angular はこのエラーをスローし続けます:

TypeError: undefined is not a function
at new ngDirective.controller (http://localhost:8080/uwr-tournament-handler/build/common/vendor/angular/angular.js:14357:5)
at invoke (http://localhost:8080/uwr-tournament-handler/build/common/vendor/angular/angular.js:3000:28)
at Object.instantiate (http://localhost:8080/uwr-tournament-handler/build/common/vendor/angular/angular.js:3012:23)
at http://localhost:8080/uwr-tournament-handler/build/common/vendor/angular/angular.js:4981:24
at http://localhost:8080/uwr-tournament-handler/build/common/vendor/angular/angular.js:4560:17
at forEach (http://localhost:8080/uwr-tournament-handler/build/common/vendor/angular/angular.js:137:20)
at nodeLinkFn (http://localhost:8080/uwr-tournament-handler/build/common/vendor/angular/angular.js:4545:11)
at compositeLinkFn (http://localhost:8080/uwr-tournament-handler/build/common/vendor/angular/angular.js:4191:15)
at compositeLinkFn (http://localhost:8080/uwr-tournament-handler/build/common/vendor/angular/angular.js:4194:13)
at compositeLinkFn (http://localhost:8080/uwr-tournament-handler/build/common/vendor/angular/angular.js:4194:13) 

そして、私には理由がわかりません。undefined関数として使用しようとしているものはありません。誰でも助けることができますか?

エラーは不規則ですが、ほとんどの場合スローされます。多分それは非同期ロードと関係がありますか?サイトの閲覧中ではなく、ページの読み込み時にのみ発生するようです。

バックグラウンドでうなり声を使用します。私もrequirejsを使っています。

それ以外は、本来のように機能するようです。

tab.tpl.html:

<li data-ng-class="{active: active}">
    <a href="#{{route}}">{{title}}</a>
</li>

tabset.tpl.html:

<ul class="nav nav-tabs" ng-transclude></ul>

使用法:

<tabset>
    <tab data-route="/home" data-title="Home"></tab>
    <tab data-route="/tournaments" data-title="Tournaments"></tab>
    <tab data-route="/about" data-title="About"></tab>
</tabset>
4

0 に答える 0