javascript - Angular JS no-repeat with background images not working -


I'm new to Angular.js (more of a CSS / jQuery man) and I can not work because the NG- Repeat is not working; I have done all video tutorials on Codecs and thought that I was the fundamental base behind the fingers - but ... it is not repeating. Sure. In fact, whatever I thought of the finger order, it would not work. I can not get ng-href to update, I can not get in ng-style style, and this is just a mess. Is there a problem when I do not know about implementing the corner elements to static styles ?

< / P>

The best is clearly on Bella:

  & lt; div ng-app = "thisWebsite" & gt; & Lt; div class = "column" ng-controller = "my controller in control" & gt; & Lt; Section class = "link" ng-repeat = "example in control instances" ng-style = "'background': 'url (' + {instance.imageUrl} + ') no-repeat;'" & gt; & Lt; a ng-href = "{{instance.pageLink}}" & gt; & Lt; Div class = "link_overlay" & gt; {{Instance.title}} & lt; / Div & gt; & Lt; / A & gt; & Lt; / Section & gt; & Lt; / Div & gt; & Lt; / Div & gt;   

Where am I going?

There are a couple things are wrong but the main problem is that your scripts do not load in the correct order is being done.

Do not change 'No Warp' from 'Onload' and you will see some new errors.

Below you can this.instances = pieces; where you can define the fragment.

Then there is an error in your ng-style and you can use it

HTML

  & lt ; div ng-app = "thisWebsite" & gt;  

; & Lt; div class = "column" ng-controller = "my controller in control" & gt; & Lt; Div class = "links" ng-repeat = "example in control.instances" style = "background: url ({{instance.imageUrl}}) no-repeat;" & Gt; & Lt; a ng-href = "{{instance.pageLink}}" & gt; & Lt; Div class = "link_overlay" & gt; {{Instance.title}} & lt; / Div & gt; & Lt; / A & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; / Div & gt;

JavaScript

  Angular Modules ('ThisWebsite', []). Controller ('myController', function () {Var pieces = [{pagelink: 'http://www.google.com', imageUrl: 'http://scitechdaily.com/images/Hubble-Space-Telescope-Image- of-Spiral-Galaxy-Messier-77-120x120.jpg ', Title:' Monster Truck '}, {pageLink:' http://www.yahoo.com ', imageUrl:' http://scitechdaily.com/images / new-image-of-the-helix-nebula-120x120.jpg ', title:' no google '}, {pageLink:' http://www.stackoverflow.com ', imageUrl:' http: // www. eva.mpg.de/neandertal/press/presskit-neandertal/images/Image8_thumb.jpg ', Title:' Please Help '}, {pageLink:' http://jsfiddle.net ', imageUrl:' http: // scitechdaily.com/images/Hubble-Space-Telescope-Image -Spiral-Galaxy-Messier-77-120x120.jpg ', Title:' Why not Work '}]; this.instances = Pieces;});   

You should try to use a debugger in your browser. Help it, see it!

Comments

Popular posts from this blog

php - PDO bindParam() fatal error -

logging - How can I log both the Request.InputStream and Response.OutputStream traffic in my ASP.NET MVC3 Application for specific Actions? -

java - Why my included JSP file won't get processed correctly? -