2016-09-26 6 views
1

私のイオンアプリでは、ng-srcを使ってアイコンを読み込む必要があります。ドキュメントのフォーマットに応じて、対応するアイコンを表示する必要があります。Ionic - ng-srcは条件に基づいてアイコンをロードします

私は、Wordの-icon.pngとを表示し、(私はフォーマット値が正しく来ていることを確認した)フォーマットがdocxファイルであれば

<img ng-src="{{format === 'docx' ? '../img/Word-icon.png' : '../img/PDF-icon.png')}}"> 

ような何かをしようとしていました。それ以外はPDF-icon.pngを表示してください。

これは機能しません。実際には、これを行うとページが読み込まれなくなります。ブラウザコンソールにエラーは表示されませんが、ページはロードされません。アイコンはイオンアプリのwwwフォルダ内のimgディレクトリに保存されています。

答えて

2

式の最後に不要な)がありました。

<img ng-src="{{format === 'docx' ? '../img/Word-icon.png' : '../img/PDF-icon.png'}}"> 
+0

追加のブレースを指摘してくれてありがとう。これで、ページの読み込みが開始されましたが、イメージはまだ読み込まれません。画像はIonicアプリで空白として表示されます。 – kayasa

+0

「ng-app = "myApp"(myAppはあなたのアプリケーションモジュールになります)ディレクティブをページ上に表示して、ページ上の角を実行していますか? –

+0

はい、うまく動作するページにいくつかの他の角度のステートメントがあります。 – kayasa

関連する問題