角函数切换布尔值

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没有相同的过滤器功能，因此我需要弄清楚如何获得与所寻求的结果相同的结果。 感谢所有的投入！