$ scope変数がフロントエンドに表示されていません

Question

$ http.getの後に.thenを付けて変数を取得していますが、フロントエンドで{{variable}}と一緒に使用したい場合は空になります。私はAngular 1.6.4を使用しています。

私はこれが非同期の問題だと思ったので、私はそれをラップしました。

コントローラー：

mainApp.controller('navBarController', ['$scope', '$http', '$q', function($scope, $http, $q){ 

$scope.profileID = ''; 

var getProfileID = function(){ 
    return $http.get('/session'); 
}; 

getProfileID().then(function(res) { 
    console.log($scope.profileID = res.data.facebookProfileId);//this gives me the profileID as expected 
    $scope.profileID = res.data.facebookProfileId; 
}); 

}]); 

HTML：

<div class="navbar-collapse collapse" id="searchbar"> 
    <ul class="nav navbar-nav navbar-right" ng-controller="navBarController"> 
    <li><a href="/profile#/profile{{ profileID }}">Profile</a></li><!--the profileID is empty here--> 
    </ul> 
</div> 

私がここで行方不明ですか？

Answer 1

これは、NodeJSが{{varName}}を使用し、Angularを使用していたためです。だから、最初のapp.jsアプリでは、私はちょうど追加：

app.locals.delimiters = '<% %>'; 

をちなみに、私は「ホーガン-Expressのテンプレートエンジンを使用していました。

これは、ある時点で誰かに便利なことを期待しています。私は間違った場所で完全に見ていた。