關(guān)于AngularJS ng-repeat循環(huán)中取到頁(yè)面中的值

在項(xiàng)目中,我使用AngularJS去實(shí)現(xiàn)靜態(tài)頁(yè)面?zhèn)髦担蛔畛踉趎g-repeat循環(huán)在頁(yè)面上填充json值的時(shí)候,我使用id選擇器去拿到循環(huán)中的某個(gè)值,但是頁(yè)面中的id是唯一的,所以不能這樣去實(shí)現(xiàn)。
HTML代碼

<table class="sharesTable">
            <tr style="width: 100%">
                <td class="tdStyle">stockCode</td>
                <td class="tdStyle">stickFlag</td>
                <td class="tdStyle">stickFlag</td>
                <td class="tdStyle">
                    <div onclick="showDetail()">Detail</div>
                </td>
            </tr>
            <tr ng-repeat="m in myPositiondata">
                <td class="tdStyle">
                    <div>{{m.stockname}}</div>
                    <div id="freestockCode" name="freestockCode">{{m.stockcode}}</div>
                </td>
                <td class="tdStyle">{{m.stickflag}}</td>
                <td class="tdStyle">{{m.stickflag}}</td>
                <td class="tdStyle"><a href="javascript:void(0)" onclick="showDetail(this)" >查看詳情</a></td>
            </tr>
</table>

JS代碼

      function showDetail() {
          var stockCode = $('freestockCode').html();
          var url = "./sharesDetail.html?stockCode=" + stockCode;
          //console.log(stockCode);
          location.href = url;
      };

后來(lái)我總算學(xué)會(huì)了如何去愛(ài),不是,后來(lái)大佬教我這樣做去傳值,在我的<a>標(biāo)簽中定義一個(gè)data,把{{}}包括里面的內(nèi)容加進(jìn)去,在function的()內(nèi)加上this,js中就可以通過(guò)$(_this).attr("data")得到相應(yīng)循環(huán)數(shù)據(jù)中的值了:
HTML代碼

<table class="sharesTable">
            <tr style="width: 100%">
                <td class="tdStyle">stockCode</td>
                <td class="tdStyle">stickFlag</td>
                <td class="tdStyle">stickFlag</td>
                <td class="tdStyle">
                    <div onclick="showDetail()">Detail</div>
                </td>
            </tr>
            <tr ng-repeat="m in myPositiondata">
                <td class="tdStyle">
                    <div>{{m.stockname}}</div>
                    <div id="freestockCode" name="freestockCode">{{m.stockcode}}</div>
                </td>
                <td class="tdStyle">{{m.stickflag}}</td>
                <td class="tdStyle">{{m.stickflag}}</td>
                <td class="tdStyle"><a href="javascript:void(0)" onclick="showDetail(this)" data="{{m.stockcode}}" >查看詳情</a></td>
            </tr>
</table>

JS代碼

     function showDetail(_this) {
          //$(_this).attr("data");
          var stockCode = $(_this).attr("data");
          var url = "./sharesDetail.html?stockCode=" + stockCode;
          //console.log(stockCode);
          location.href = url;
      };

這樣ng-repeat循環(huán)內(nèi)的值就可以傳到JS內(nèi)了。
作為一個(gè)后端,表示寫(xiě)這種前端也只能寫(xiě)成這個(gè)ABCD樣;自己簡(jiǎn)單的記一下MD語(yǔ)法也懶得寫(xiě)。。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容