>source

내보기에 컨트롤러 데이터를 표시하기 위해 지시문을 사용하려고했지만 아무것도 표시되지 않고 콘솔에 오류가 없습니다. 데이터를 기록 할 수 있지만 데이터가보기에 표시되지 않습니다. 지시문을 올바른 방식으로 사용하고 있습니까? 뷰에 데이터를 어떻게 표시합니까? 감사합니다.

index.html

 <body ng-app="GameboardApp">
    <div class="header">
      <h1 class="logo">GameBoard</h1>
    </div>
    <div class="main" ng-controller="ScoreController">
      <div class="container">
        
        <div class="row" >
          <game ng-repeat="score in scores" info="score"></game>
        </div>
      
      </div>
    </div>
    
    <!-- Modules -->
    <script src="js/app.js"></script>
    <!-- Controllers -->
    <script src="js/controllers/ScoreController.js"></script>
    <!-- Directives -->
    <script src="js/directives/game.js"></script>

App.js

var app = angular.module('GameboardApp', []);

컨트롤러 ScoreController :

app.controller('ScoreController', ['$scope', function($scope) {
    $scope.scores = [
      {
        datetime: 1420848000000,
        visitor_team: {
          city: "Charlotte",
          name: "Hornets"
        },
        home_team: {
          city: "New York",
          name: "Knicks"
        },
        period: "Final",
        visitor_score: 110,
        home_score: 82
      },,
          ...
      },
      {
        datetime: 1420848000000,
        visitor_team: {
          city: "Orlando",
          name: "Magic"
        },
        home_team: {
          city: "Portland",
          name: "Trail Blazers"
        },
        period: "First Quarter",
        visitor_score: 13,
        home_score: 26
      }    
    ];
    console.log($scope.scores);  
  }]);

지시어

game.js

app.directive('game', function() {
    return {
      restrict: 'E',
      score: {
        info: '='
      },
      templateUrl: 'js/directives/game.html'
    }
  })

game.html

<div class="col-sm-4">
    <div class="row scorecard">
      <p class="period">{{info.period}}</p>
      <div class="visitor col-xs-4">
        <h2 class="visitor-score">{{info.visitor_score}}</h2>
        <h3>
          <span class="visitor-city">{{info.visitor_team.city}}</span><br/>
          <span class="visitor-name">{{info.visitor_team.name}}</span>
        </h3>
      </div>
      <div class="dash col-xs-3">
        <h2>-</h2>
      </div>
      <div class="home col-xs-4">
        <h2 class="home-score">{{info.home_score}}</h2>
        <h3>
          <span class="home-city">{{info.home_team.city}}</span><br/>
          <span class="home-name">{{info.home_team.name}}</span>
        </h3>
      </div>
    </div>


  • 답변 # 1

    디렉티브를 생성 한 game.js 파일에서 필드 이름을 잘못 입력했습니다. 그것은해야한다범위아니점수.

  • 이전 apache spark - 데이터 프레임의 행을 비교할 때 데이터 유형 오류 (Python)
  • 다음 Python의 INVALID 리터럴이 제거되지 않음