컨트롤러의 값이 표시되지 않습니다.

내 Django 앱에서 Angular를 도입하려고합니다. 내 문제는 직접 interpolateProvider 장고 템플릿 때문에 필요합니다 ... 의심하지만, 누가 알지.컨트롤러의 값이 표시되지 않습니다.

나는 또한의 단순화 된 버전에 문제가 : http://jsfiddle.net/33417xsm/

이 내 현재 버전 :

<html ng-app="MyApp"> 
    <head> 
     <script type="text/javascript" src="/static/js/libs/angular/angular.js"></script> 
     <script type="text/javascript" src="/static/js/app/app.js"></script> 
    </head> 
    <body> 
     <div ng-controller="MyAppController"> 
      [[ 2 + 4 ]] 
      <p>[[ MyAppController.product.title ]]</p> 
     </div> 
    </body> 
</html>

파일 : enter image description here :

(function(){ 
    var app = angular.module('MyApp', []); 

    app.config(function ($interpolateProvider) { 
       $interpolateProvider.startSymbol('[['); 
       $interpolateProvider.endSymbol(']]'); 
     } 
    ); 

    app.controller('MyAppController', function(){ 
     this.product = gem; 
    }); 

    var gem = { 
     'title': 'Inferno' 
    }; 

})();

내 결과를 app.js

짐작할 수 있듯이 Inferno도 표시하고 싶습니다. 내가 뭘 잘못하고 있니?

출처

2014-11-24 noisy

앱 구성이 정상입니다. 하지만 알다시피, 당신은 분명히 각도 개념을 이해하지 못했습니다.

데이터 바인딩에 $ scope를 사용해야합니다. 또한이 표기법과 같이 "myController.product"는 절대로 필요하지 않습니다.

난 당신의 코드 http://jsfiddle.net/33417xsm/4/

<div ng-app="MyApp" ng-controller="MyAppController"> 
    {{ 2 + 4 }} 
    <p>{{product.title}}</p> 
</div> 

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

app.controller('MyAppController', function ($scope){ 
    $scope.product = {"title":"product title"}; 
});

출처

2014-11-24 22:48:14

그래서이 잘못되는 업데이트? http://i.imgur.com/nySbsOI.png – noisy

아니요. 잘못은 아니지만 권장 사항은 아닙니다. 여기서 차이점을 분명히 볼 수 있습니다. http://jsfiddle.net/33417xsm/6/ –

두 접근법에 관한 스크린 캐스트를 발견했습니다 : https://egghead.io/lessons/angularjs-an-alternative-approach- to-controllers – noisy

컨트롤러의 값이 표시되지 않습니다.

답변

관련 문제