2016-08-17 4 views
0

私はこのペンに基づいて自分のポートフォリオを再設計しています。それはindex.jsからコンテンツをフェッチinfinitveループです: :http://codepen.io/Reklino/pen/KpmRRyjavascriptからURLにリンクしていますか?

$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

おそらくhrefの代わりにng-hrefを試してみてください。詳細については、このドキュメントをチェックしてください: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

それは奇妙です。あなたがそうしたのと同じように、図の周りにatagをラップすると: 'code'

'code' 画像が消えます。私はここに最新のバージョンをアップロードしました:http://marteteigen.no/ny2/index.html ご覧のとおり、今、画像はありません。 – marteteigen

関連する問題