2016-10-20 10 views
0

*.tsファイルに変数を宣言し、使用するファイル.tsをインポートしようとしました。angle 2ウェブパックの変数を宣言してコンポーネントにインポートするにはどうすればよいですか?

url.ts

var loginComponentTemplateUrl: string; 
if (true) { 
    loginComponentTemplateUrl = './login.component.html'; 
} else { 
    loginComponentTemplateUrl = './app/login/login.component.html'; 
} 

login.component.tsSystemJS

import './url'; 
@Component({ 
    templateUrl: loginComponentTemplateUrl 
}) 
... 

すべての作業が、私はWebpackは、エラーの構築に使用してみてください:loginComponentTemplateUrl variable not definedを。 このurl.tsファイルをpolyfills.tsまたは​​にインポートする必要がありますが、どうすればよいですか。私はファイルがmodulesとしか動作しないことを理解しています。

+0

シェアあなたwebpack.configで、exporturl.ts

let loginComponentTemplateUrl: string; if (true) { //will throw linting error loginComponentTemplateUrl = './login.component.html'; } else { loginComponentTemplateUrl = './app/login/login.component.html'; } export default loginComponentTemplateUrl 

そして、このようなlogin.component.ts

何かでloginComponentTemplateUrlurl.tsから変数とimportそれを持って – Thaadikkaaran

答えて

0

あなたがlogin.component.ts

import loginComponentTemplateUrl from './url' 
@Component({ 
    templateUrl: loginComponentTemplateUrl 
}) 
... 
+0

1つのファイルで複数のものを作る方法:エクスポデフォルトは? –

+0

複数のエクスポートを行うことはできますが、デフォルトは1つのみです。ところで、その答えは助けられましたか?この答えを受け入れる。 – Thaadikkaaran

+0

Webpackビルドではまだ動作しません。ブラウザは変数値を表示しますが、tmplateは読み込みません。 –

関連する問題