폴리머를 사용하는 방법에 바인딩

Question

폴리머를 사용하는 경우 값이 아닌 방법에 바인딩 할 수 있습니까? 예 :

<div>{{someMethod()}}</div> 

또는 소스 및 문서에서 판단

<div>{{someMethod}}</div> 

는 그렇지 않다. 그냥 확인하고 싶었어.

Answer 1

직접적으로는 아니지만, 원하는 것을 실제로 성취 할 수있는 몇 가지 방법이 있습니다. 나는 당신이 데이터를 변환하고 싶어한다고 가정하고 ...?

1. 는 ES5 게터

   속임수의 비트와 같은 속성을 정의합니다,하지만 당신은 게터와 같은 속성을 정의하고 반환 된 값 주위에 사용자 지정 논리를 포장 할 수 있습니다.

   <div>{{likes}}</div> 
   
   Polymer('my-tag', { 
       firstName: 'John', 
       get likes() { 
       return this.firstName + ' ' + lastName + ' likes bread'; 
       } 
   }); 
   

   데모 : http://jsbin.com/nuyuqote/3/edit

   참고 : 사용 신중이 선택 사항. Getter에 바인딩하는 것은 지원되는 경우 Polymer가 사용하는 Object.observe()에서 작동하지 않습니다. 아래 Scott's comment을 참조하십시오.

2. 사용자 정의 필터

   아직 문서화되지 :(

   <div>{{'thingy' | upperCaseFilter}}</div> 
   
   Polymer('my-tag', { 
       upperCaseFilter: function(value) { 
       return value.toUpperCase(); 
       } 
   }); 
   

   데모 : http://jsbin.com/nuyuqote/1/edit

3. <prop>Changed

   Scott's comment B 참조 엘로 우.

그런데 우리가 Polymer에 {{someMethod()}}과 같은 것이없는 이유 중 하나는 JavaScript를 실행한다는 것입니다. onclick="someMethod()"처럼 XSS 공격과 같은 일을하기 쉽기 때문에 일반적으로 안티 패턴으로 간주됩니다.