在項(xiàng)目中，我使用AngularJS去實(shí)現(xiàn)靜態(tài)頁面?zhèn)髦担蛔畛踉趎g-repeat循環(huán)在頁面上填充json值的時(shí)候，我使用id選擇器去拿到循環(huán)中的某個(gè)值，但是頁面中的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;
};
后來我總算學(xué)會(huì)了如何去愛，不是，后來大佬教我這樣做去傳值，在我的<a>標(biāo)簽中定義一個(gè)data，把{{}}包括里面的內(nèi)容加進(jìn)去，在function的（）內(nèi)加上this，js中就可以通過$(_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è)后端，表示寫這種前端也只能寫成這個(gè)ABCD樣；自己簡單的記一下MD語法也懶得寫。。
