AngularJS ng-if="" 表达式

最新推荐文章于 2023-12-20 22:34:48 发布

原创最新推荐文章于 2023-12-20 22:34:48 发布 · 4.7k 阅读

1 ·

CC 4.0 BY-SA版权

AngularJS 专栏收录该内容

3 篇文章

订阅专栏

本文介绍了一种使用HTML、AngularJS等技术实现商品展示列表的方法。该列表能够动态显示商品图片、名称、积分价格及市场价，并支持不同价格类型的显示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

   <ul id="list" ng-app="scoreApp" ng-controller="scoreCtrl">
         <li ng-repeat="h in list">
               <a target="_blank" href="/Score/content.aspx?id={{h.id}}" title="{{h.title}}">
                     <img src="{{h.img_url}}" width="262" height="180" alt=""><div class="title">{{h.title}}</div>
                       <div class="font">积分：<font class="font" ng-if="h.sell_price=='0.00'">{{h.point}}元</font>
                                        <font class="font" ng-if="h.sell_price !='0.00'">{{h.point}}+{{h.sell_price}}元</font></div>
                       <div class="title">门店价：￥{{h.market_price}}元</div>
               </a>
        </li>
    </ul>