How to provide proper path for Image in AngularJS 2
333
August 14, 2017, at 7:20 PM
My AngularJS 2 app, that I'm trying to do, doesn't display any images. The binding seems right, it goes on the second path, the "alt", displaying only the "down arrow" message instead of the picture, in the 6'th line of code:
src="src/app/images/arrow.png" alt="down arrow"
I've tried anything, maybe my path isn't ok. Do I need to make some other configurations? I've tried anything. Any help is appreciated.
<header id="intro" style="display: block;">
<article class="fullheight" style="height: 568px;">
<div class="hgroup">
<h1>Move to Mars</h1>
<h2>City on Mars</h2>
<p><a href="/#welcome"><img src="src/app/images/arrow.png" alt="down arrow"></a></p>
</div>
</article>
<div class="scrollmagic-pin-spacer"
style="display: block; top: auto; left: auto; bottom: auto; right: auto; position: relative; margin: 0 auto auto; box-sizing: content-box; width: 100%; min-height: 44px; height: auto; padding-top: 0; padding-bottom: 0;">
<nav id="nav" style="position: relative; top: 0; left: 0; bottom: auto; right: auto; width: 100%;">
<div class="navbar">
<div class="brand"><a href="/#welcome">Move to <span>Mars</span></a></div>
</div><!-- navbar -->
</nav>
</div>
</header>
<main id="wrapper">
<div class="scene" id="welcome">
<article class="content">
<div class="gallery">
<img src="src/app/images/intro_room.jpg" alt="Intro Gallery Room Sample Pictures">
<img src="src/app/images/intro_pool.jpg" alt="Intro Gallery Pool Sample Pictures">
-
05:30
-
04:00
-
00:00
-
10:30
-
9:10
-
07:40
Firebase Cloud Functions: PubSub, "res.on is not a function"
-
04:00
TypeError: Cannot read properties of undefined (reading 'createMessageComponentCollector')
-
9:20
-
7:40
POPULAR ONLINE
- typescript: tsc is not recognized as an internal or external command, operable program or batch file 111364 visits
- search for elements in a list 111045 visits
- In Chrome 55, prevent showing Download button for HTML 5 video 98806 visits
- RxJS5 - error - TypeError: You provided an invalid object where a stream was expected 96304 visits
- Ionic 2 - how to make ion-button with icon and text on two lines? 92496 visits
- NetBeans IDE - ClassNotFoundException: net.ucanaccess.jdbc.UcanaccessDriver 62018 visits
- Adding methods to es6 child class 22362 visits
![how to add new row to jtable in jframe in netbeans8.0.2? [on hold]](https://cmsdk.com/images/nophoto.png "how to add new row to jtable in jframe in netbeans8.0.2? [on hold]")