Angular가 있는 개체 배열에서 해당 속성으로 개체 찾기JS 방식

Angular가 있는 개체 배열에서 해당 속성으로 개체 찾기JS 방식

아래와 같은 배열이 있습니다.

var myArray = [{'id':'73','name':'john'},{'id':'45','name':'Jass'}, etc.]

이제 나는id73 어레이에서 이 특정 개체를 선택하는 방법.알겠습니다. 그리프을 사용하면 jQuery에서 쉽게 할 수 있습니다.이렇게 각진 방법이 있을까요?

앵글이 있는 대부분의 사용자 개발 앱은 항상 객체 배열(대부분 테이블용)에서 데이터를 얻기 때문에 이를 위한 도우미 기능이 있어야 합니다.

오브젝트 배열을 갱신함으로써 행의 데이터를 행의 ID로 변경할 수 있습니다.

나는 이것을 시야에 넣고 싶지 않다.데이터를 조작하여 업데이트 기능으로 데이터를 업데이트하고 싶습니다.

예를들면.테이블 리스트가 있어요.최종 사용자가 테이블에서 행을 편집하는 경우 개체의 ID가 있으므로 최종 사용자가 저장을 누른 후 어레이를 업데이트한 후 테이블 목록으로 돌아가야 합니다.

angular's를 사용할 수 있습니다.filter https://docs.angularjs.org/api/ng/filter/filter

컨트롤러:

$filter('filter')(myArray, {'id':73}) 

또는 HTML에서

{{ myArray | filter : {'id':73} }}

플레인 JavaScript는 어떻습니까?자세한 것은,

var myArray = [{'id': '73', 'name': 'john'}, {'id': '45', 'name': 'Jass'}]

var item73 = myArray.filter(function(item) {
  return item.id === '73';
})[0];

// even nicer with ES6 arrow functions:
// var item73 = myArray.filter(i => i.id === '73')[0];

console.log(item73); // {"id": "73", "name": "john"}

완전M B답변: HTML의 배열에서 이미 필터링된 이 개체의 특정 속성에 액세스하려면 다음과 같이 해야 합니다.

{{ (myArray | filter : {'id':73})[0].name }}

그래서, 이 경우, 그것은 인쇄될 것이다.johnHTML로 표시합니다.

안부 전해 주세요!

나에게 효과가 있는 솔루션은 다음과 같다.

$filter('filter')(data, {'id':10}) 

언급URL : https://stackoverflow.com/questions/40306927/find-object-by-its-property-in-array-of-objects-with-angularjs-way