2016-07-14 10 views
1

は、私は私のplunkerがangularjsのリンクキャプションを変更するには?

  <ul class="bk_crs_rslt"> 
       <li ng-repeat="c in courses"> 
        <h4> {{c.CourseName }}<img src="image/bk_ad_btn.jpg" /> </h4> 
        <p><span style="color:#337ab7;">{{c.CollegeName}}</span><br>{{c.CountryName}}</p> 
        <p> 
         <a href="#" ng-click="c.show = !c.show" ng-show="!c.show"><img class="info_arw" src="image/bk_down_arw.png" />More Information</a> 
        </p> 
        <div> 
         <p ng-show="!c.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> 
         <p> 
          <a href="#" ng-click="c.show = !c.show"><img class="info_arw" src="image/bk_up_arw.png" />Hide Information</a> 
         </p> 
        </div> 
       </li> 

      </ul>  


</div> 

https://plnkr.co/edit/lsIypaBviXNvEi7Pwok4?p=preview

iwant 1つのリンクのみ、ここで指定されたリンクのキャプション を変更したいです。私が押した場合は「詳細は」詳細のショーは、

がhelpmeしてください非表示information'andのその逆として、リンクのキャプションを変更するすでに

答えて

0

すべての隠された:あなたのコードこのような

変更:https://plnkr.co/edit/tpz7RLxOdy8aUe2My63y?p=preview

<p ng-init="c.show = true" ng-show="c.show"> 
     <a href="#" ng-click="c.show = !c.show"><img class="info_arw" src="image/bk_down_arw.png" />More Information</a> 
</p> 
<div ng-show="!c.show"> 
    <p> 
    <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.Subject}}<br/> 
    <b>IELTS Score </b> : {{c.Score}}<br /> 
    </p> 
    <p> 
    <a href="#" ng-click="c.show = !c.show"><img class="info_arw" src="image/bk_up_arw.png" />Hide Information</a> 
    </p> 
</div> 


はすでに開いているすべて:

それとも、このような何か行うことができます。https://plnkr.co/edit/JVpuFqA9b05w5kjAnZGN?p=preview

<p> 
    <a href="#" ng-click="c.show = !c.show" ng-show="c.show"> 
    <img class="info_arw" src="image/bk_down_arw.png" />More Information</a> 
</p> 
<div ng-show="!c.show"> 
    <p> 
    <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.Subject}}<br/> 
    <b>IELTS Score </b> : {{c.Score}}<br /> 
    </p> 
    <p> 
    <a href="#" ng-click="c.show = !c.show"><img class="info_arw" src="image/bk_up_arw.png" />Hide Information</a> 
    </p> 
</div> 
関連する問題