angular-seedのコードから始めて、ゆっくりと変更しています。私の目標は、単純なスプレッドシート アプリケーションを作成することです。まずangular-seed/app/index.html、次のコードを追加しました。
<input type="text" ng-model="KID" placeholder="ID goes here">
<input type="text" ng-model="DESC" placeholder="Description goes here">
<input type="text" ng-model="DDD" placeholder="Drop Dead Date goes here">
それは私が望んでいたことでしたが、ジョン・リンドクイストのチュートリアルから学んだことを取り入れて適用しようと思いました. だから私は上記を変更しました：
<span ng-repeat="entryField in entryFields">
<input type="text" ng-model="entryField.ngmodel" placeholder="entryField.pHolder">
</span>
そして、次のコントローラーを追加しましたangular-seed/app/js/controllers.js
function DataEntryCtrl($scope) {
$scope.entryFields = [
{pHolder:'ID goes here',ngmodel:'KID'},
{pHolder:'Description goes here',ngmodel:'DESC'},
{pHolder:'Drop Dead Date goes here',ngmodel:'DDD'}
];
}
そして今、リテラル string を含むテキスト フィールドを 1 つだけ取得しますentryField.pHolder。私は最初に、ng-model要素に正しい構文を使用していないのではないかと疑っていました。私はチュートリアルのパターンに従っているので、それが正しいと確信しています。<span>次に、適切に閉じたことを確認しました。それで問題ないと思います。私は だけangular-jsでなくjavascriptも (さらに はほんの少ししか慣れていないhtml) 初めてなので、ここに問題があるのではないかと思います。問題を特定する方法がわかりません。ギラギラですか？誰かが私が間違ったことを指摘できますか? 以下、参考までに全文index.html。
<!doctype html5>
<html lang="en" ng-app="myApp">
<head>
<meta charset="utf-8">
<title>SpreedSheet Demo</title>
<link rel="stylesheet" href="css/app.css"/>
</head>
<body>
<div ng-controller="DataEntryCtrl">
<span ng-repeat="entryField in entryFields">
<input type="text" ng-model="entryField.ngmodel" placeholder="entryField.pHolder">
</span>
<div ng-view></div>
</div>
<script src="lib/angular/angular.js"></script>
<script src="js/app.js"></script>
<script src="js/services.js"></script>
<script src="js/controllers.js"></script>
<script src="js/filters.js"></script>
<script src="js/directives.js"></script>
</body>
</html>