AngularJSプレーンテキストで表示

私は現在、角度のあるJSを表示するのに問題があります。ブラウザでプレーンテキストとしてしか表示されず、情報が渡されないため、何が間違っているのかわかりませんapp2.jsから
私のコードに記載されている場所にすべての依存関係が適切に配置されているため、私のコードでエラーが発生した可能性があります。
私のコードは以下の通りです。AngularJSプレーンテキストで表示

<!DOCTYPE html> 
<html ng-app="phonecatApp" lang="en"> 
<head> 
    <title></title> 
    <meta charset="utf-8" /> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <meta name="description" content="PhoneCat"> 
    <!-- AngularUI Styles --> 
    <link rel="stylesheet" href="Content/ui-bootstrap-csp.css" /> 

</head> 


<p>Total number of phones: {{phones.length}}</p> 

    <body ng-controller="PhoneListController"> 

     <ul> 
      <li ng-repeat="phone in phones"> 
       <span>{{phone.name}}</span> 
       <p>{{phone.snippet}}</p> 
      </li> 
     </ul> 

    </body> 
<script src="scripts/angular.js"></script> 
<script src="scripts/angular-ui/ui-bootstrap-tpls.min.js"></script> 
<script src="scripts/app2.js"></script> 
</html>

app2.js

// Define the `phonecatApp` module 
var app = angular.module('phonecatApp', ['ui.bootstrap']); 

// Define the `PhoneListController` controller on the `phonecatApp` module 
phonecatApp.controller('PhoneListController', function PhoneListController($scope) { 
    $scope.phones = [ 
     { 
      name: 'Nexus S', 
      snippet: 'Fast just got faster with Nexus S.' 
     }, { 
      name: 'Motorola XOOM™ with Wi-Fi', 
      snippet: 'The Next, Next Generation tablet.' 
     }, { 
      name: 'MOTOROLA XOOM™', 
      snippet: 'The Next, Next Generation tablet.' 
     } 
    ]; 
});

出典

2016-07-04 Auborey

あなたのスクリプトタグには、 ..それともちょうどタイプミスですか？ –

コンソールエラー？ – Dieterg

app2.js：5 Uncaught ReferenceError：phonecatAppが定義されていません – Auborey

あなたはappとして、あなたのモジュールを定義した：

var app = angular.module('phonecatApp', ['ui.bootstrap']);

、あなたがphonecatAppモジュール上のコントローラ定義しています。だから変更：

var phonecatApp = angular.module('phonecatApp', ['ui.bootstrap']);

出典

2016-07-04 06:52:00

）@Auboreyは時々発生します:)、コンソールログを確認することでこのような問題を回避できます。 –

私はあなたが間違っていると思いますapp2.js。 phonecatApp.controllerをapp.controllerに置き換える必要があります。 var app=...と宣言しているので、app.controllerを使用する必要があります。それが動作することを願って！

出典

2016-07-04 07:00:21 bios123

モジュールチェックでのネーミングに問題があります。 phonecatAppに置き換えてください

出典

2016-07-04 07:02:19 SrinivasAppQube

AngularJSプレーンテキストで表示

答えて

関連する問題