Angularスコープからテンプレートにデータがレンダリングされないのはなぜですか?

ダークホース

私のAngularファイルは次のようになります:

angular.module('myApp', [
  'ngResource',    
  'ngRoute',       
])

// Creating our routes
.config(['$routeProvider',
  function($routeProvider) {
    $routeProvider
      .when('/professors', {
        controller : 'ProfessorListController',
        templateUrl : 'static/templates/partials/professor_list.html'
      })
      .when('/professors/:professor_id', {
        controller : 'ProfessorDetailController',
        templateUrl : 'static/templates/partials/professor_detail.html'
      })
      .otherwise({ redirectTo : '/' });
  }
])

// Getting all the professors from the API
.factory('Professor', [
  '$resource', function($resource) {
    return $resource('/api/professors/:id', {
      id: '@id'
    });
  }
])

// Creating a controller containing all the professors
.controller('ProfessorListController', [
  '$scope', 'Professor', function($scope, Professor) {
    return $scope.professor_list = Professor.query();
  }
])

// Creating a controller containing a particular professor
.controller('ProfessorDetailController', [
    '$scope', '$routeParams', 'Professor', 
    function($scope, $routeParams, Professor) {
      return $scope.professor_detail = Professor.query({
        id: $routeParams.professor_id
      });
    }
]);

教授リストビューは機能し、データを適切にレンダリングしています。しかし、私が言いに行くとき

/#/ Professors / 2

何もない空のページです。/ api / professors / 2にアクセスすると、JSONとしてid = 2の教授の詳細が表示されるため、APIは機能しているようです。

私のテンプレートprofessor_detail.htmlは次のようになります。

<div>
    <div class="text-center" ng-repeat="prof in professor_detail">
        <h3>{{prof.name}}</h3>
        <p>{{prof.university}}</p>
        <p>{{prof.department}}</p>
        <p>{{prof.overall}}</p>
        <br />
    </div>
</div>

また、不思議に思うかもしれませんが、アプリがテンプレートを検索し(Httpステータス200)、APIからデータを取得している(GET HTTPステータス200)ことを端末から確認できます。だから私は何が間違っているのですか?

どんな助けでも大歓迎です!

編集:了解しました。#/ Professors / 2に移動すると、ブラウザのエラーコンソールに次のエラーが表示されます。

Error: [$resource:badcfg] http://errors.angularjs.org/1.5.0/$resource/badcfg?p0=query&p1=array&p2=object&p3=GET&p4=%2Fapi%2Fprofessors%2F2
https://ajax.googleapis.com/ajax/libs/angularjs/1.5.0/angular.min.js:6:421
https://ajax.googleapis.com/ajax/libs/angularjs/1.5.0/angular-resource.min.js:11:51
https://ajax.googleapis.com/ajax/libs/angularjs/1.5.0/angular.min.js:126:506
$eval@https://ajax.googleapis.com/ajax/libs/angularjs/1.5.0/angular.min.js:141:47
$digest@https://ajax.googleapis.com/ajax/libs/angularjs/1.5.0/angular.min.js:138:145
$apply@https://ajax.googleapis.com/ajax/libs/angularjs/1.5.0/angular.min.js:141:348
g@https://ajax.googleapis.com/ajax/libs/angularjs/1.5.0/angular.min.js:94:145
t@https://ajax.googleapis.com/ajax/libs/angularjs/1.5.0/angular.min.js:98:261
onload@https://ajax.googleapis.com/ajax/libs/angularjs/1.5.0/angular.min.js:99:298

これが何であるか考えていますか?

nipuna777

クエリ関数が戻り値として配列を期待するので、Professor.query代わりにProfessor.get使用する必要があります。

.query 教授のリスト(配列)が返されるため、最初のリクエストで機能しますが、教授オブジェクトを1つだけ返すと、この関数は失敗します。

参照:https//stackoverflow.com/a/26093452/3156644

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

分類Dev

テンプレートがレンダリングされないのはなぜですか

分類Dev

スペースバーテンプレートが完全にレンダリングされないのはなぜですか?

分類Dev

Angular 4 ChartJSコンポーネントがレンダリングされないのはなぜですか?

分類Dev

ネストされたVueテンプレートファイルがレンダリングされないのはなぜですか?

分類Dev

URLがレンダーテンプレート名に変更されないのはなぜですか?

分類Dev

テーブルデータがレンダリングされないのはなぜですか?

分類Dev

コントロールがレンダリングされないのに、なぜそのプロパティが評価されるのですか?

分類Dev

サービス呼び出しが解決される前にテンプレートがレンダリングされるのはなぜですか

分類Dev

Reactjs:子コンポーネントがデータの変更時に再レンダリングされないのはなぜですか?

分類Dev

コンポーネントテンプレートがVueに表示されないのはなぜですか?

分類Dev

DjangoビューがDjangoテンプレートで作成されたタグからデータを受信できないのはなぜですか?

分類Dev

カスタムangularjsディレクティブを使用するとHTMLコードがレンダリングされないのはなぜですか

分類Dev

サーバーから新しいデータを受信した後、テンプレートがレンダリングされないのはなぜですか?

分類Dev

Django:動的データを含むビューからテンプレートをレンダリングした後、テンプレートは静的なままで、データがデータベースに追加されても変更されません

分類Dev

ブートストラップグリフィコンが中国語の文字にレンダリングされるのはなぜですか?

分類Dev

Angular2がアプリコンポーネントテンプレートを2回レンダリングするのはなぜですか

分類Dev

このvueコンポーネントがレンダリングされないのはなぜですか

分類Dev

フラスコから変数を渡すにはどうすればよいですか)oレンダリングテンプレートなしのHTML?

分類Dev

updateTextコンポーネントがレンダリングされないのはなぜですか?

分類Dev

React-Nativeコンポーネントがレンダリングされないのはなぜですか?

分類Dev

Reactコンポーネントがレンダリングされないのはなぜですか?

分類Dev

Vue.js:コンポーネントがレンダリングされないのはなぜですか?

分類Dev

コンポーネント内のデータがレンダリングされないのはなぜですか?

分類Dev

このテンプレートクラスがコンパイルされないのはなぜですか?

分類Dev

meteorデータベース(mongodb)のコンテンツがgithubリポジトリにアップロードされないのはなぜですか?

分類Dev

symfonyが他の関数でレンダリングしたテンプレートを見つけられないのはなぜですか

分類Dev

FirebaseのデータがFlatList(React Native)でレンダリングされないのはなぜですか?

分類Dev

SpringBootアプリケーションが口ひげテンプレートにmessages.propertiesをレンダリングしないのはなぜですか

分類Dev

テンプレート化されたコピーコンストラクタが呼び出されないのはなぜですか?

Related 関連記事

  1. 1

    テンプレートがレンダリングされないのはなぜですか

  2. 2

    スペースバーテンプレートが完全にレンダリングされないのはなぜですか?

  3. 3

    Angular 4 ChartJSコンポーネントがレンダリングされないのはなぜですか?

  4. 4

    ネストされたVueテンプレートファイルがレンダリングされないのはなぜですか?

  5. 5

    URLがレンダーテンプレート名に変更されないのはなぜですか?

  6. 6

    テーブルデータがレンダリングされないのはなぜですか?

  7. 7

    コントロールがレンダリングされないのに、なぜそのプロパティが評価されるのですか?

  8. 8

    サービス呼び出しが解決される前にテンプレートがレンダリングされるのはなぜですか

  9. 9

    Reactjs:子コンポーネントがデータの変更時に再レンダリングされないのはなぜですか?

  10. 10

    コンポーネントテンプレートがVueに表示されないのはなぜですか?

  11. 11

    DjangoビューがDjangoテンプレートで作成されたタグからデータを受信できないのはなぜですか?

  12. 12

    カスタムangularjsディレクティブを使用するとHTMLコードがレンダリングされないのはなぜですか

  13. 13

    サーバーから新しいデータを受信した後、テンプレートがレンダリングされないのはなぜですか?

  14. 14

    Django:動的データを含むビューからテンプレートをレンダリングした後、テンプレートは静的なままで、データがデータベースに追加されても変更されません

  15. 15

    ブートストラップグリフィコンが中国語の文字にレンダリングされるのはなぜですか?

  16. 16

    Angular2がアプリコンポーネントテンプレートを2回レンダリングするのはなぜですか

  17. 17

    このvueコンポーネントがレンダリングされないのはなぜですか

  18. 18

    フラスコから変数を渡すにはどうすればよいですか)oレンダリングテンプレートなしのHTML?

  19. 19

    updateTextコンポーネントがレンダリングされないのはなぜですか?

  20. 20

    React-Nativeコンポーネントがレンダリングされないのはなぜですか?

  21. 21

    Reactコンポーネントがレンダリングされないのはなぜですか?

  22. 22

    Vue.js:コンポーネントがレンダリングされないのはなぜですか?

  23. 23

    コンポーネント内のデータがレンダリングされないのはなぜですか?

  24. 24

    このテンプレートクラスがコンパイルされないのはなぜですか?

  25. 25

    meteorデータベース(mongodb)のコンテンツがgithubリポジトリにアップロードされないのはなぜですか?

  26. 26

    symfonyが他の関数でレンダリングしたテンプレートを見つけられないのはなぜですか

  27. 27

    FirebaseのデータがFlatList(React Native)でレンダリングされないのはなぜですか?

  28. 28

    SpringBootアプリケーションが口ひげテンプレートにmessages.propertiesをレンダリングしないのはなぜですか

  29. 29

    テンプレート化されたコピーコンストラクタが呼び出されないのはなぜですか?

ホットタグ

アーカイブ