1
私はAngularJsを使用しています。 Hello worldを出力するシンプルなコントローラーを書き始めました！私の.jsスクリプトをAngularJsで修正した後で更新できません
angular
.module('ngCribs')
.controller('cribsController', function($scope){
$scope.hello = 'hello world';
});
、それが働いた：私のcribsControler.jsコードで
この投稿を見ました。次に、コードを変更して、以下の例に示す詳細を表示しました。
app.js
angular.module('ngCribs', ['ui.bootstrap']);
cribsController.js
angular
.module('ngCribs')
.controller('cribsController', function($scope){
$scope.cribs = [
{
"type": "condo",
"price": 22000,
"address": "nameOfStreet1",
"description": "description1"
},
{
"type": "hose",
"price": 54000,
"address": "nameOfStreet2",
"description": "description2"
},
{
"type": "cotage",
"price": 1000,
"address": "nameOfStreet3",
"description": "description3."
}
];
});
index.htmlを
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"
<title></title>
</head>
<body ng-app="ngCribs" ng-controller="cribsController">
<pre>{{ cribs | json}}</pre>
</body>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-bootstrap/2.2.0/ui-bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-bootstrap/2.2.0/ui-bootstrap-tpls.min.js"></script>
<script src="app.js"></script>
<script src="scripts/cribsController.js"></script>
</html>
I EDI私は空白のページを持っています。ビューページのソースをクリックしてスクリプトリンク：<script src="scripts/cribsController.js"></script>をクリックしたとき、「Hello World」から表示の詳細に更新されていないことがわかりました。
実際に更新するにはどうすればよいですか？あるいは、私のコードに誤りがありますか？
ブラウザのキャッシュをクリアしてください.....あなたのデータが保存されていることを確認してください。 –
cribsController.jsから 'module（ 'ngCribs'）'を削除してください。単にangular.controllerの部分とそのロジックを残しておきます。 app.jsに既にそのアプリの名前が宣言されています – stormec56
@ stormec56、そうすることに何も問題はありません。実際にモジュール行を削除すると、モジュール行が破損する可能性が高くなります。 – Ankh