亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

獲取循環中項目的索引以在 if 語句中使用以獲取另一個對象中的值

獲取循環中項目的索引以在 if 語句中使用以獲取另一個對象中的值

慕森卡 2023-01-06 09:29:56
我試圖在循環中使用當前項目的索引從父對象中獲取值,如果我直接將數字放入,我只能獲取數據。但是,我需要使用索引來代替.所以 Parent 對象包含 Library、Books 和 Book prices<!-- ko foreach: value().Library -->      <ul>      <li>          <div>               <h3 data-bind="text: Name + ' - ' +  Description"></h3>          </div> <!-- ko if: $parent.value().BookPrices.length > 0  -->          <div>               <span data-bind="text: $parent.value().BookPrices[1].Dollars"></span>          </div> <!-- /ko -->    </li>    </ul> <!-- /ko -->任何想法/建議我如何使用循環中當前項目的索引甚至 ID 屬性來使用 [ ] 獲取值Dollars將不勝感激。
查看完整描述

1 回答

?
慕少森

TA貢獻2019條經驗 獲得超9個贊

是這樣的嗎?


function ViewModel() {

  var self = this;

  self.value = ko.observable({

    Library: [{

        Id: 1,

        Name: 'Test 1',

        Description: 'Test 1 Description'

      },

      {

        Id: 2,

        Name: 'Test 2',

        Description: 'Test 2 Description'

      },

      {

        Id: 3,

        Name: 'Test 3',

        Description: 'Test 3 Description'

      }

    ],

    BookPrices: [{

      Id: 1,

      Dollars: 5.99

    }, {

      Id: 2,

      Dollars: 9.99

    }, {

      Id: 3,

      Dollars: 15.99

    }]

  })

  

  self.getBookPrice = function(item){

    var result = self.value().BookPrices.filter(x=>x.Id == item.Id);

    return result.length === 0 ? 0.00 : result[0].Dollars;

  

  }


}


ko.applyBindings(new ViewModel());

<script src="https://cdnjs.cloudflare.com/ajax/libs/knockout/3.4.2/knockout-min.js"></script>

<!-- ko foreach: value().Library -->

<ul>

  <li>

    <div>

      <h3 data-bind="text: Name + ' - ' +  Description"></h3>

    </div>

    <!-- ko if: $parent.value().BookPrices.length > 0  -->

    <div>

      <span data-bind="text: $parent.getBookPrice($data)"></span>

    </div>

    <!-- /ko -->

  </li>

</ul>

<!-- /ko -->


查看完整回答
反對 回復 2023-01-06
  • 1 回答
  • 0 關注
  • 146 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號