これはよく尋ねられるエラーですが、私は研究して何もしませんでした。私のために働くように見えました。
だから私の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に自由に感じてください。
IIFEにIの部分がありません。それは実行されていません、あなたは '()'() 'の後ろに例えば'})() 'を残しました。 –
ああ私。どうもありがとうございます。それは人生の小さなことだamirite –