Ng-if With Dynamic href和conditional

时间:2016-09-16 11:26:42

标签: angularjs

我必须在条件基础上设置href动态。

我的代码是:

<a class="venobox" ng-href="{{x.PortfolioImagejpg=='' ? '' :
 'upload/ProductImage/{{x.PortfolioImagejpg}}'}}" data-
gall="myGallery">View</a>

但“{{”将无法正常运作。

如果我正在做

<a class="venobox" ng-href="{{x.PortfolioImagejpg=='' ? '' : 
'upload/ProductImage/x.PortfolioImagejpg'}}" data-
gall="myGallery">View</a>

然后这将有效,但我需要动态图像名称绑定。

请您介绍一下如何在Angular中实现这样的功能?

1 个答案:

答案 0 :(得分:0)

你在花括号内有花括号,因此不评估内部表达式:

ng-href="{{x.PortfolioImagejpg=='' ? '' : 'upload/ProductImage/{{x.PortfolioImagejpg}}'}}"

只使用一对牙箍:

ng-href="{{ x.PortfolioImagejpg ? '' : 'upload/ProductImage/' + x.PortfolioImagejpg }}"

但更好的是:

<a class="venobox" 
   ng-if="x.PortfolioImagejpg" 
   data-gall="myGallery"
   ng-href="upload/ProductImage/{{ x.PortfolioImagejpg }}">
  View
</a>

如果没有要查看的内容,则链接将不会全部呈现