Polymer 1.0: Trợ giúp sử dụng dom-if

Question

Ai đó có thể vui lòng cung cấp ví dụ về việc triển khai đúng dom-if không?

Không có ví dụ về cách sử dụng phù hợp được cung cấp bởi official documentation. (Xin lỗi, không có liên kết trực tiếp. Phải sử dụng menu ở phía trên bên trái và chọn dom-if).

Đây là những gì tôi có cho đến nay. Rõ ràng, nó không hoạt động.

<template> 
    ... 
    <template is="dom-if" if="{{action}}=='Login'"> 
     <!-- Also tried: if="{{action=='Login'}}" --> 
    <a href="#">Forgot password?</a> 
    </template> 
    ... 
</template> 

Answer 1

Đó là cồng kềnh, nhưng bạn phải làm điều này:

<template is="dom-if" if="[[_actionIsLogin(action)]]"> 
    <a href="#">Forgot password?</a> 
</template> 

<script> 
    Polymer({ 
    ... 
    _actionIsLogin: function(action) { 
     return action === 'Login'; 
    } 
    ... 
    }); 
</script> 

Rõ ràng tạo ra một hàm trả về một trong hai true hoặc false.

Answer 2

tôi nghĩ rằng ví dụ sau đây là khá nhiều thẳng về phía trước và dễ dàng để hiểu/thực hiện (nó không có trong liên kết mà bạn đã cung cấp):

https://www.polymer-project.org/1.0/docs/devguide/templates.html

khỏi trang .. .

<div>{{user.name}}</div> 

<template is="dom-if" if="{{user.isAdmin}}"> 
    Only admins will see this. 
    <div>{{user.secretAdminStuff}}</div> 
</template> 
... 

hy vọng nó giúp S.

Answer 3

<template> 
    <iron-ajax   
      auto 
      url="https://jsonplaceholder.typicode.com/todos" 
      handle-as="json" 
      last-response="{{baul}}"> 
    </iron-ajax> 

    <template is="dom-repeat" items="{{baul}}" > 
     <template is="dom-if" if="{{item.completed}}">{{item.title}} is completed<br></template> 
    </template> 


</template>