2017-08-21 9 views
-1

これはよく尋ねられるエラーですが、私は研究して何もしませんでした。私のために働くように見えました。

だから私のHTMLと角度コードは次のようになります。

(function() { 
 
\t var app = angular.module('todolist', []); 
 
\t 
 
\t app.controller('EntryController', function(){ 
 
\t \t this.entries = todos; 
 
\t }); 
 

 
\t var todos = [{ 
 
    \t \t desc: 'buy eggs for da caek', 
 
    \t \t status: 'todo', 
 
    \t }, 
 
    \t { 
 
    \t \t desc: 'do sem poshops', 
 
    \t \t status: 'done', 
 
    \t }, 
 
    \t { 
 
    \t \t desc: 'stedy for them exems', 
 
    \t \t status: 'todo', 
 
    \t }, 
 
    \t ]; 
 
})
<!DOCTYPE html> 
 
<html ng-app="todolist"> 
 
<head> 
 
\t <meta charset="utf-8" /> 
 
    <title>JS To-Do-List</title> 
 
    <link rel="stylesheet" type="text/css" href="bootstrap.min.css" /> 
 
    <!--<link data-require="[email protected]*" data-semver="0.9.6" rel="stylesheet" href="https://raw.github.com/Semantic-Org/Semantic-UI/0.9.6/build/packaged/css/semantic.min.css" />--> 
 
    <!--<script data-require="[email protected]*" data-semver="0.9.6" src="https://raw.github.com/Semantic-Org/Semantic-UI/0.9.6/build/packaged/javascript/semantic.min.js"></script>--> 
 
    <script type="text/javascript" src="angular.min.js"></script> 
 
    <script data-require="[email protected]" src="http://code.angularjs.org/1.2.15/angular.js" data-semver="1.2.15"></script> 
 
    
 
    <!--<script data-require="[email protected]*" data-semver="2.0.3" src="http://code.jquery.com/jquery-2.0.3.min.js"></script>--> 
 

 
    
 
    <link rel="stylesheet" href="style.css" /> 
 

 
    <script src="app.js"></script> 
 
</head> 
 
<body ng-controller="EntryController as entercont"> 
 
\t <h1 class="center-text">To-Do-List</h1> 
 
    <h4 class="center-text">a JS application straight from hel</h4> 
 
    <hr> 
 

 
    <div class="addentry"> 
 
     <form name="" role="form" > 
 
      <fieldset class="form-group"> 
 
       <textarea ng-model="" class="form-control" placeholder="Add an entry here..." title="Review"></textarea> 
 
      </fieldset> 
 
      <fieldset class="form-group"> 
 
       <input type="submit" class="submitbtn" value="Submit Entry" /> 
 
      </fieldset> 
 
     </form> 
 
    </div> 
 
    <hr> 
 
    <div class="tododone"> 
 
     <div ng-controller="EntryController as entercont"> 
 
      <table> 
 
       <tr> 
 
        <th><h3 class="tablecolumn">To-Do:</h3></th> 
 
        <th><h3 class="tablecolumn">Change status:</h3></th> 
 
       </tr> 
 
       <tr id="todotd" ng-repeat="entry in entercont.entries"> 
 
        <td> 
 
         {{entry.desc}} <br> 
 
         Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.       
 
        </td> 
 
        <td> 
 
         <form action=""> 
 
          Done: <input ng-show="entry.status === done" type="checkbox" name="status" value="Done" checked="checked"> 
 
         </form> 
 
        </td> 
 
       </tr> 
 
      </table> 
 
     </div> 
 
     <br> {{entercont.entries[0].desc}} 
 
    </div> 
 
    <hr> 
 
</body> 
 
<footer> 
 
\t 
 
</footer> 
 
</html>

そして、私はページを開こうとすると、すべての角の式が結果意志として、角度によって処理されません。 {{entry.desc}}か{{entercont.entries [0] .desc}}を出してください。

私が開発者ツールを使用してエラーをチェックすると、エラーメッセージとそのangular.min.jsファイルからの多くのエラーが表示されます。

私はここで私を助けることができ、長い間今これに固執していることを願っています。

編集:私は初心者のために申し訳ありません、私の記事をdownvoteに自由に感じてください。

+3

IIFEにIの部分がありません。それは実行されていません、あなたは '()'() 'の後ろに例えば'})() 'を残しました。 –

+0

ああ私。どうもありがとうございます。それは人生の小さなことだamirite –

答えて

0

また、Patrick Evansにもクレジットを渡す必要がありますが、これにより問題が解決するはずです。あなたの 'todos'もコントローラ定義の内側に移動しました。

(function() { 
    var app = angular.module('todolist', []); 

    app.controller('EntryController', function() { 
    var todos = [{ 
     desc: 'buy eggs for da caek', 
     status: 'todo', 
    }, 
    { 
     desc: 'do sem poshops', 
     status: 'done', 
    }, 
    { 
     desc: 'stedy for them exems', 
     status: 'todo', 
    }]; 
    }); 

    this.entries = todos; 
})(); 

可用性だけを除いて、var宣言をコントローラに移動する理由があるかどうかはわかりません。実際には、実際にはそれほど多くはありませんが、実際にはそうすることは非常にまれです.150万行以上のアプリがあります。

+0

私はすでに彼の答えのために彼に感謝しようとしたが、悲しげにここでコメントにコメントすることはできません(少なくとも私は思う)。コントローラ内でvarを定義する方が良い理由を説明できますか?私はちょっと不思議に思ったのと違って学んだ –

関連する問題