Angular.js - $ scopeは補間されていません

私はAngular.jsアプリを持っていますが、何らかの理由で$scopeオブジェクトの何かをHTMLに補間することはできません。私のMainCtrlコントローラとMainFactoryはうまく動作し、正しく挿入することができます。ちょうど$scopeを補間することはできません。

EDIT：ここで私は、現在持っているコードです

<!DOCTYPE html> <html> <head> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.6/angular.min.js"></script> <script src="https://code.jquery.com/jquery-3.1.1.min.js" integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8=" crossorigin="anonymous"></script> <script src="/widget/assets/d3.version3.js"></script> <script src="/widget/assets/backtested-growth/backtested-data-chart.js"></script> <script src="/widget/assets/backtested-growth/backtested-growth.script.js"></script> </head> <body ng-app="myapp"> <div ng-controller="MainCtrl"> <div style="width: 100%;"> <div id="graph-div"></div> <br> <p>First Name: {{ firstName }}</p> </div> </div> </body> </html>

は私が間違って何をやっている：は、私はエンジンガブガブ飲む

var app = angular.module("myapp", []); 

app.controller('MainCtrl', function($scope, MainFactory) { 
    $scope.firstName = 'George'; 

    console.log('scope :', $scope); // logs the $scope obj correctly but doesn't have my firstName property on it 

    MainFactory.fetchBacktestedDataByAllocationId() 
    .then(data => { 
     // draw and append chart - works fine 
    }); 
}); 


app.factory('MainFactory', function($http) { 
    var MainFactory = {}; 

    MainFactory.fetchBacktestedDataByAllocationId = function() { 
     return $http.get('/path/to/api') 
     .then(response => { 
      return response.data; 
     }) 
    }; 

    return MainFactory; 
});

HTMLのレンダリングビューでこれを使用していますか？

出典

2017-05-19 georgej

他のスクリプトやビューエンジン（handlebar、ejsなどのサーバーレンダリングエンジンで使用している場合）もシンボル{{を使用している可能性があります。

は、これと角度の補間シンボルを変更してみてください

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

、それが動作するかどうかを確認します。

出典

2017-05-19 14:33:25 nrgwsth

@anuragasaurusそれは問題だった、ありがとう！ – georgej

@georgejそれはまた、長い時間私を悩ました:) – nrgwsth

Angular.js - $ scopeは補間されていません

答えて

関連する問題