2017-04-02 7 views
0

私は比較的新しいプランナーです。間違っていますか?コンソールにエラーがあり、ライブプレビューが機能していません。コードは私のlocalhostで完璧に動作します。AngularJs plunkerは機能しませんか? Plunkerを初めてご利用のお客様

ここにリンクがあります。 http://plnkr.co/edit/cZ48oeBBDthtVqXMRJPy?p=preview

<html ng-app="myApp"> 

    <head> 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.1/angular.min.js"></script> 
    <script data-require="[email protected]*" data-semver="3.1.1" src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
    <script data-require="[email protected]*" data-semver="2.6.1" src="https://cdnjs.cloudflare.com/ajax/libs/less.js/2.6.1/less.min.js"></script> 
    <link rel="stylesheet" href="style.less" /> 
    <script src="script.js"></script> 
    </head> 

    <body ng-controller="mainCtrl"> 
    <div class="container"> 
     <!-- Parent scope --> 
     <div class=""> 
     <div prevent="" visible="isVisible" object-data="objectData"> 
      <table class="datatable"> 
      <tbody> 
       <tr ng-repeat="t in templateData"> 
       <td class="haseebtesting" ng-click="current.selected = t; confusedFunction(t)" id="{{'test ' + $index}}">{{t.templateName}}</td> 
       <td>{{t.templatePath}}</td> 
       </tr> 
      </tbody> 
      </table> 
      <div ng-show="isVisible" class="parented"> 
      <form class="haseebform"> 
       <input type="text" ng-model="objectData.entername" placeholder="Enter name" /> 
       <br /> 
       <input type="text" ng-model="objectData.entercomment" placeholder="Enter comment" /> 
       <input type="button" class="btn btn-info" ng-click="addT(objectData)" value="Submit" /> 
      </form> 
      </div> 
     </div> 
     </div> 
    </div> 
    <script src="script.js"></script> 
    </body> 

</html> 
+0

コードが二度 'script.js'を呼んでいる:一度頭にし、再び体内に。 – georgeawg

答えて

2

plnkr edit

私はエラーなしでそれを開始しました。

スクリプトコード:

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 
<script src="//cdnjs.cloudflare.com/ajax/libs/less.js/2.7.2/less.min.js"></script> 
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.3/angular.min.js"></script> 
<script src="app.js"></script> 
2

角度スクリプトの上にjqueryスクリプトを移動する必要があります。角荷重が発生した場合、jqueryが存在しない場合は、jqueryがその後にロードされても代わりにjqliteが使用されます。

+0

こんにちは。私は試しても、まだ動作しません。 http://plnkr.co/edit/cZ48oeBBDthtVqXMRJPy?p=preview – Aijaz

関連する問題