Html 来自Angular2中对象的routerLink
我正试图从JSON数据构建一个“团队成员”页面 我可以用名字、姓氏、位置等基本信息创建页面 每个团队成员都有自己的页面,其中包含更多的信息 我搞不懂的是如何将团队成员url包含到我的[routerLink]中 我的路由器链接看起来就像我在我的路由中设置的那样Html 来自Angular2中对象的routerLink,html,angular,routerlink,Html,Angular,Routerlink,我正试图从JSON数据构建一个“团队成员”页面 我可以用名字、姓氏、位置等基本信息创建页面 每个团队成员都有自己的页面,其中包含更多的信息 我搞不懂的是如何将团队成员url包含到我的[routerLink]中 我的路由器链接看起来就像我在我的路由中设置的那样 <a [routerLink]="['./glenn']"> 这就是我试图使用它的方式 {{teammember.firstName}{{teammember.lastName} {{teammember.positi
<a [routerLink]="['./glenn']">
这就是我试图使用它的方式
{{teammember.firstName}
{{teammember.lastName}
{{teammember.position}
您使用的{{{foo.bar}
绑定不正确,{}
语法允许您进行单向绑定,您需要的是在绑定到对象属性时使用正则js表达式
绑定到html元素属性时,您可以使用[attr.{id | href | etc}]
绑定,在您的情况下,您可以使用图像的href:
<img alt="" [attr.href] = 'teammember.photo' />
模板:
<div class="team-members" *ngFor="let teammember of teammembers" >
<div class="clearfix">
<div class="col-xs-12 col-sm-8 col-md-8 col-lg-6 team-member member-item" style="cursor: pointer;">
<a [routerLink]="[teammember.MemberRoute']">
<div class="member-pic-holder">
<img [attr.href] = 'teammember.photo' />
<div class="member-overlay"></div>
</div>
<h4>{{teammember.firstName}}<br/>{{teammember.lastName}} <span class="fa fa-arrow-right"></span></h4>
<p class="company-position">{{teammember.position}}</p>
</a>
</div>
</div>
</div>
希望这有帮助 你能这样试试吗:
['./',teammember.firstName]
供img使用
<img alt="" [src]="teammember.photo" />
非常感谢您的解释。我已经实现了,但是不太管用。。。这是我现在的链接你知道如何删除符号吗?请忽略团队成员URL的设置不正确
<img alt="" [src]="teammember.photo" />