角度は私の要素をページに挿入したくない

私はここで私の角型アプリケーションの始まりを持っています。私は、トップメニューを要素として注入される指示にしたいと考えています。コードブロックの中央に表示されているように、要素は製品タブと呼ばれます。その下に、コントローラの指示文のテンプレートと同じようにコピーされました。角度は私の要素をページに挿入したくない

<!DOCTYPE html> 
<html ng-app="myApp"> 
    <head> 
    <title></title> 
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous"> 

    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.7/angular.min.js"></script> 

    <script type="text/javascript" src="js/app.js"></script> 
    </head> 

    <body> 


<product-tabs></product-tabs> 

<section> 
    <ul class="nav nav-pills"> 
    <li ng-class="{ active:tab.isSet(1) }"> 
     <a href ng-click="tab.setTab(1)">Description</a> 
    </li> 
    <li ng-class="{ active:tab.isSet(2) }"> 
     <a href ng-click="tab.setTab(2)">Specs</a> 
    </li> 
    <li ng-class="{ active:tab.isSet(3) }"> 
     <a href ng-click="tab.setTab(3)">Reviews</a> 
    </li> 
    </ul> 
</section> 

    </body> 
</html>

そしてここでJSファイルがある

var app = angular.module("myApp", []); 
//top menu header stuff 
app.directive("productTabs", function() { 
    return { 
    restrict: "E", 
    templateUrl: "product-tabs.html", 
    controller: function() { 
     this.tab = 1; 

     this.isSet = function(checkTab) { 
     return this.tab === checkTab; 
     }; 

     this.setTab = function(activeTab) { 
     this.tab = activeTab; 
     }; 
    }, 
    controllerAs: "tab" 
    }; 
});

出典

2016-07-11 natedaswas

ブラウザのコンソールにエラーやメッセージがありますか？ – Igor

angular.js：4631未知のエラー：[$ injector：modulerr] – natedaswas

これまでに、私はここでそのエラーを検索し、誰もがそれを修正する別の角度ファイルを含む非常に簡単な解決策を持っていましたが、 – natedaswas

あなたのエラーは次のように発生した場合：

angular.js:68 Uncaught Error: [$injector:modulerr] Failed to instantiate module myApp due to: 
Error: [$injector:nomod] Module 'myApp' is not available! You either misspelled the module name or forgot to load it. If registering a module ensure that you specify the dependencies as the second argument. 
http://errors.angularjs.org/1.5.7/$injector/nomod?p0=mainApp 
    at file:///D:/Tutorials/AnjularjS/Controllers/lib/angular.js:68:12 
    at file:///D:/Tutorials/AnjularjS/Controllers/lib/angular.js:2075:17 
    at ensure (file:///D:/Tutorials/AnjularjS/Controllers/lib/angular.js:1999:38)

ほとんどの場合、あなたはあなたのhtmlで間違ったのsrcパスを入れています。あなたのlibをチェック/再app.js：

<script type="text/javascript" src="js/app.js"></script>

出典

2016-07-11 17:37:52 Vicheanak

それは物事のカップルの組み合わせでした。最初のエラーを引き起こしていた不完全なディレクティブがありました。そして、私がやっていた他のファイルの中からローカルでファイルを参照するのが好きではないので、firefoxでテストを開始しなければなりませんでした。

出典

2016-07-11 17:46:56 natedaswas

角度は私の要素をページに挿入したくない

答えて

関連する問題