2016-08-17 150 views
0

我正在重新設計基於這支筆的我的投資組合。這是一個從index.js的infinitve循環抓取內容: :http://codepen.io/Reklino/pen/KpmRRy鏈接到JavaScript的網址?

$scope.forests = [ 
     { 
      'url' : 'fersk.html', 
      'image' : 'images/front/fersk.jpg' 

     }, 

我希望每個形象要到另一個網頁的鏈接。

我試圖做到這一點的HTML,但它不工作:

 <a href="{{ article.url }}">  
    <article visible visible-model="article.visible" 
        ng-class="{ 'visible' : article.visible }" 
        ng-repeat="article in forests" 
        ng-class-odd="'odd'"> 
       <figure ng-style="{ 'background-image' : 'url(' + article.image + ')' }"></figure> 
      </article></a> 

任何想法如何得到這個工作?您可以在此查看我的工作:http://marteteigen.no/ny2/index.html

回答

0

也許您嘗試使用ng-href而不是正常的href。檢查此Docs瞭解更多信息:https://docs.angularjs.org/api/ng/directive/ngHref

+0

仍然無法正常工作恐怕。 – marteteigen

+0

我懂了。這是一個更新的例子:http://codepen.io/morrisjdev/pen/grEzjN ...順便說一句:我會建議你看看庫safeApply(https://github.com/yearofmoo/AngularJS-Scope .SafeApply)避免錯誤與$ apply() –

+0

這很奇怪。如果我將圖標包裹在圖中,就像你做的那樣: 'code'

'code' 圖像消失。我在這裏上傳了最新版本:http://marteteigen.no/ny2/index.html 正如你所看到的,現在沒有圖像。 – marteteigen