使用数组输入作为网站的href

时间:2016-01-17 19:23:45

标签: javascript html arrays angularjs href

我已经为一个数据库创建了一个包含多个条目的数组(现在只有两个,但它会变得更多)。只有一个条目(主页)应该是一个主页的链接,我有一些麻烦显示它作为功能超链接。只需使用:

      <a href="{{arrayEntryWithLink}}">linkName</a>

没有工作,我读过我必须使用innerHtml,但说实话,我不知道如何以正确的方式使用它。 如果有人可以给我一个简短的解释或一个如何正确使用它的例子,那就太好了。

提前致谢。

这里是

.js:

$scope.Biere=[
  {name:'Jever Pilsener',   
   Bierart:'Untergärig',
   Honk:'6',
   Bitterkeit:'7',
   Sauerkeit:'3',
   Kohle:'5',
   brew: 'Friesisches Brauhaus zu Jever',

homepage: 'http://www.jever.de',

   description: '...',
   temperatur: '10-12°'
},
  {name:'Erdinger Weißbier', 
   Bierart:'Obergärig',
   Honk:'5',
   Bitterkeit:'3',
   Sauerkeit:'4',
   Kohle:'6',
   brew: 'Privatbrauerei Erdinger Weißbräu',

homepage: 'http://www.erdinger.de',

   description: '...',
   temperatur: '14-15°'
 },
];

.html

               <table class="table">
                    <tr ng-repeat="bier in Biere">
                        <td><h3>{{bier.name}}</h3>
                        </br>
                            Süffigkeit: {{bier.Honk}}</br>
                            Bitterkeit: {{bier.Bitterkeit}}</br>
                            Kohlensäure: {{bier.Kohle}}</br>
                            Sauer: {{bier.Sauerkeit}}</br>
                            Brauerei: {{bier.brew}}</br>

                    Homepage: <a href="{{bier.homepage}}">{{bier.homepage}}</a></br>

                            Trinktemperatur: {{bier.temperatur}}</br>
                            {{bier.description}}</br>

                        </td>
                    </tr>
                </table>

0 个答案:

没有答案