2017-05-09 5 views
0

私のスタックは、角1.6.4とノードv6.10.0です。私は自分のサイトのメインルーティングにはノードを使用し、サブページには角度を使用します。角度の制限(この問題の範囲外)のため、同じサイトで複数のAngularアプリを使用しています。角とノードの混同する変数

私の問題は、Angularコントローラから変数を渡すたびに、サイトは両方とも動的変数を検出するのと同じ方法を持っているため、Nodeから来ていると考えています。

以下のコード:

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

mainApp.controller('testController', ['$scope', function($scope){ 

$scope.profileID = '12345678'; 
console.log('$scope.profileID is: ' + $scope.profileID);//This prints out just fine 

}]); 

HTML:私は、私が使用することができます知っている

<!DOCTYPE html> 
<html lang="en" ng-app="mainApp"> 
<head> 
    <script src="/jsLib/angular.min.js"></script> 
    <script src="/angular/angularApp.js"></script> 
</head> 

<body ng-controller="testController"> 
    <div> 
    <p>{{profileID}}</p><!--This comes out as blank--> 
    </div> 
</body> 
</html> 

:$ interpolateProvider.startSymbol( '[{'); $ interpolateProvider.endSymbol( '}]');シンボルを変更するが、私が使用しているサードパーティ製のいくつかのツールが破られ、これをサポートするようには書かれていない。

誰か他の方法を知っていますか?また、Nodeからフロントエンドに何も渡すことはありません。これは純粋にルーティングとAPIの目的のためにあります。したがって、Nodeからこの変数を渡すことを止めることができれば、そのトリックを行います。

おかげ

+0

ノードがサーバーサイドでAngularクライアント側であり、コードが混在することはありませんので、競合しないように、ノードがノードから来ていると考えることはできません。それとも私は何が欠けていますか? –

+0

AngularとNodeの両方は、変数を{{varName}}でHTMLに渡します。この場合、実際には混乱しています。 –

答えて

0

Iが初期app.jsアプリで以下を追加することによって、これを固定:ところで

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

、I 'はホーガン-Expressのテンプレートエンジンを使用していました。

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

関連する問題