角函數切換布爾值

Question

似乎我遇到了一個非常簡單的問題，但似乎找不到解決方案。

我正在嘗試將應用程序從原始JS轉換為有角度的框架。 以前，我的程序有一個對象數組，單擊按鈕會觸發一個函數，該函數只會在一個對象的布爾值true或false之間切換。 然后將濾除值為“ true”的對象，並在頁面的下方顯示。

該功能是...

function addRepair(here, needed) {
    possibleRepairs[here].isNeeded = needed;
    var filteredArray = possibleRepairs.filter(ind => ind.isNeeded).map(ind => ind.area + " " + ind.repair).join("\<br\>");
    document.getElementById('repairsGoHere').innerHTML = filteredArray;
}

我在重新創建角度時遇到麻煩。 我想我已經解決了大部分過程，但是我不知道如何編寫應該進行實際切換的函數。 基本上，我不確定如何訪問已創建的數組以及如何更改布爾值分配。

到目前為止，我已經在Angular中創建了一個“修復”類，並且在我的文件app.component.ts中，我已經在repairList中導出了“修復”列表，就像這樣……

repairList = [
    new repairs("Front wheel", "out of true",false),
    new repairs("Front hub", "needs tightening", false),
    ...
];

在app.component.html中，我創建了一個按鈕，該按鈕應該可以進行切換…

<button type="button" onclick="addRepair('0', true);">Out of true</button>

哪個調用一個函數（我知道已經正確導入了）...

function addRepair(here, needed) {
    repairList[here].isNeeded = needed;
}

稍后在頁面上將如此顯示數據…

<div class="col-md-8" id="repairsGoHere" ng-repeat="inst in repairList | filter: {isNeeded:true}">
    <p>{{ inst.area }}</p>
</div>

關於如何對函數進行編碼以使其能夠執行我想要的任何建議？ 還是我應該以一種完全不同的方式來對待這個問題？

感謝您的所有幫助！

埃文

Answer 1

在這里得到一些回應后，大家都幫助我弄清楚了-我當時在Angular 6中進行編碼，卻沒有意識到ng-repeat來自AngularJS時代。 Ang 6沒有相同的過濾器功能，因此我需要弄清楚如何獲得與所尋求的結果相同的結果。 感謝所有的投入！