Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/23.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何更改angularjs中的链接标题?_Javascript_Angularjs - Fatal编程技术网

Javascript 如何更改angularjs中的链接标题?

Javascript 如何更改angularjs中的链接标题?,javascript,angularjs,Javascript,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 s

我想更改链接标题 我的枪在这里

            <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>
  • {{c.CourseName}} {{c.CollegeName}
    {{c.CountryName}

    辅导费:{{c.Fee}}
    级别:{c.LevelName}}
    细节:{{c.Detail}}
    持续时间:{c.Duration}}
    主题:{c.subjectc}}t
    雅思成绩:{{c.Score}}

我只想要一个链接。如果我按“更多信息”详细信息显示,则将链接标题更改为“隐藏信息”,反之亦然


请帮助我

已经全部隐藏:

按如下方式更改代码:

学费:{{c.Fee}}
级别:{c.LevelName}}
细节:{{c.Detail}}
持续时间:{c.Duration}}
主题:{{c.Subject}}
雅思成绩:{{c.Score}}


已全部打开:

或者你可以这样做:


学费:{{c.Fee}}
级别:{c.LevelName}}
细节:{{c.Detail}}
持续时间:{c.Duration}}
主题:{{c.Subject}}
雅思成绩:{{c.Score}}


已全部隐藏:

按如下方式更改代码:

学费:{{c.Fee}}
级别:{c.LevelName}}
细节:{{c.Detail}}
持续时间:{c.Duration}}
主题:{{c.Subject}}
雅思成绩:{{c.Score}}


已全部打开:

或者你可以这样做:


学费:{{c.Fee}}
级别:{c.LevelName}}
细节:{{c.Detail}}
持续时间:{c.Duration}}
主题:{{c.Subject}}
雅思成绩:{{c.Score}}

<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>
<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>