Question

我正在使用angularjs 1.4.8。我试图隐藏＆amp;在<li>显示操作。

我的代码如下：

<ul class="bk_crs_rslt">
  <li ng-repeat="c in courses"> 
    <h4>
      <a href="#" ng-click="show = !show"> {{c.CourseName }}
        <img src="image/bk_ad_btn.jpg" />
      </a>
    </h4>
    <p><span style="color:#337ab7;">{{c.CollegeName}}</span><br>{{c.CountryName}}</p>
    <p ng-show="show">
       <b>Tution Fee</b>     :  {{c.Fee}}<br>
       <b>Level</b>          :  {{c.LevelName}}<br>
       <b>Detail </b>        :  {{c.Detail}} <br>
       <b>Duration </b>      :   {{c.Duration}}<br>
       <b>Subject </b>       :  {{c.Subjec}}t<br>
       <b>IELTS Score </b>   :  {{c.Score}}<br />
     </p>
  </li>
</ul>

如何隐藏＆amp;在<li>标记中显示？在这里给出的掠夺者 linc_dialogs

它在plunker工作但不能解决我的问题？

Answer 1

尝试使用show as property

喜欢这个

<ul class="bk_crs_rslt">
  <li ng-repeat="c in courses" >
    <h4><a href="#" ng-click="c.show = !c.show"> {{c.CourseName }}<img src="image/bk_ad_btn.jpg" /></a> </h4>
    <p ng-show="c.show"><span style="color:#337ab7;">{{c.CollegeName}}</span>
      <br>{{c.CountryName}}</p>
  </li>
</ul>

如何隐藏和显示angularjs中的li标签？

1 个答案: