Javascript 함수를 통해 Polymer 데이터 바인딩 전달

Question

Polymer 및 Dart를 사용하여 점 좌표 목록을 생성하고 있습니다. 그것은 HTML로 포인트 목록을 렌더링합니다. 그럼에도 불구하고 자바 스크립트 함수를 사용하여 한 좌표계에서 다른 좌표계로 점을 변환하려고합니다. HTML 다트 폴리머에서

:

<template repeat="{{ p in grid_points }}"> 
    <core-item>{{ p }}</core-item> 
</template> 

내가 도서관에서 발견 된 자바 스크립트 :

grid_to_geodetic(x, y); 

grid_points이 포인트의 목록입니다. js 함수를 통해 p.x와 p.y를 전달하고 HTML 템플릿에서 p 대신 렌더링 된 결과를 얻으려면 어떻게해야합니까? 당신은 그것을 위해 expression filter을 사용할 수

Answer 1

:

필터는 하나 개의 값을 받아 별도로 당신이 지점의 어느 부분을 나타 내기 위해 상수 매개 변수를 사용할 필요가 x와 y를 변환해야하는 경우, 하나를 반환

<template repeat="{{ p in grid_points }}"> 
    <core-item>{{ p | grid_to_geodetic }}</core-item> 
</template> 
... 
<script> 
    Polymer('your-element', { 
    grid_to_geodetic: function(point){ 
     return point.x + point.y; 
    } 
    }); 
</script> 

당신 내가 관리 않았다

<template repeat="{{ p in grid_points }}"> 
    <core-item>{{ p | grid_to_geodetic(1) }}</core-item> 
    <core-item>{{ p | grid_to_geodetic(2) }}</core-item> 
</template> 
... 
<script> 
    Polymer('your-element', { 
    grid_to_geodetic: function(point, part){ 
     if(part == 1) return point.x; 
     else return point.y; 
    } 
    }); 
</script> 

Answer 2

같은 변환 할 일이 아인에서 몇 가지 아이디어에에게 감사를 호출 할 :

을 이렇게 표현 여과 및 분리로 당신이 필터에서와 동일한 이름의 함수를 추가 다트 뒷면 클래스에 다음

<template repeat="{{ p in start_points }}"> 
    <core-item>{{ p | rt90_to_wgs84 }}</core-item> 
</template> 

당신은 context.callMethod('funcion_name', [args_list]);와 글로벌 JS 함수를 호출 : 어 당신은 다트 함수를 호출하는 템플릿을 말하고있다

rt90_to_wgs84(p) { 
    return context.callMethod('grid_to_geodetic', [p.x, p.y]); 
}