Значения от контроллера не отображаются

Я пытаюсь ввести Angular в моем приложении Django. Я сомневаюсь, что моя проблема напрямую связана с interpolateProvider, которая необходима из-за шаблонов django ... но кто знает.Значения от контроллера не отображаются

У меня также есть проблемы с упрощенной версией, что: 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>

файл: app.js

(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' 
    }; 

})();

Мой результат: enter image description here

Как вы можете догадаться, я хочу также отобразить 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- к контроллерам – noisy

Значения от контроллера не отображаются

ответ

Смежные вопросы