有條件地添加聚合物元素

Question

我想在某些條件下添加聚合物元素。必須從服務器異步請求條件

request().done(function(msg){//msg is the answer from the server}); 

我在Polymer文檔中找到了dom-if。如果我理解正確的，我必須要通過一個屬性或計算屬性如果條件

<template is="dom-if" if="{{...}}></template> 

我不知道如何將asynchronus方法調用與結合DOM，如果

<template is="dom-if" if="{{request().done(...)}}></template> 

編輯：

我想在不同的頁面上多次使用dom-if。所以我實現它作爲一個新的行爲與條件函數

showElement(id: String) 

<template is="dom-if" if="{{showElement(foo)}}"></template> 

的問題是，該服務器的請求是異步的，所以我不能在行爲返回答案：

showElement: function(id) { 
    request(id).done(function(anwser) { 
    return answer; 
    } 
} 

任何人都可以幫我？

在此先感謝

最好的問候， 基督教

Answer 1

如果方法處理您的服務器響應是在上下文感知包含的元素的DOM，如果，您可以設置綁定到你的DOM屬性如果它在。

你在包含dom-if的元素中聲明瞭一個屬性，默認情況下將它設置爲false。

//properties declaration... 
showElement : { 
    type:Boolean, 
    value: false 
} 
//others properties and end of properties declaration... 

你宣佈你的DOM，如果對這個屬性

<template is="dom-if" if="{{showElement}}">...</template> 

而在你的方法處理服務器響應，類似的東西被綁定。

if(condition is met){ 
    this.showElement = true; 
} 

最後一部分假設你的處理函數的上下文是包含屬性和DOM，如果你的元素之一。

如果不是這種情況，我需要更多關於請求被觸發和處理的細節，以擴展此響應並解釋如何檢索它。

Answer 2

如果你的服務器返回布爾值，那麼它很簡單。你可以簡單地只是做：

<template is="dom-if" if="{{foo}}"></template>

這意味着，只要你從服務器獲取的響應，你必須將其設置爲foo屬性：this.set("foo", response...)。這是第一步。您沒有提及何時向服務器發起請求或多久發生一次。無論如何，你可以做到這一點，例如，當屏幕加載或任何。那麼異步在這裏不會成爲問題。

使用行爲很好。但不是return它應該只對屬性設置值

總結：當頁面被加載（或者輸入被改變，或者用戶按下按鈕...）時，你在服務器上調用請求 - >等待響應 - >當響應來了，將它設置爲（例如）foo屬性 - >就是這樣。

而最後一件事情，默認值foo應該是propely false。

幾乎與上面提到的Arfost相同。他是對的，那麼問題出在哪裏

編輯

根據您的意見，你得始終爲1 ID其爲界，基於ID的價值從服務器1級的響應。例如，如果ID是5，那麼其他一些屬性是true，並且此屬性在Id的值上發生更改。

因此，無需任何額外的代碼，你可以做propably它像：

showElement: function(id, property, value) { 
    if(value == undefined) { 
    request(id).done(function(answer) { 
     this.set(property, answer); 
    } 
    } 
} 

，並結合將是這樣的：

<template is="dom-if" if="{{showElement(someID, 'foo1', foo1)}}"></template> 

假設財產foo1不存在。你不能聲明它。這是最重要的，因爲有條件的if(value == undefined)否則它不會被稱爲。

只是爲了解釋showElement(someID, 'foo1', foo1)： 'foo1'（第二個參數）表示應該存儲來自服務器的響應的屬性名稱。 foo1（第三個參數）在這裏，因爲綁定。由於這一點，dom-if將得到關注，每當屬性foo1變化。

我沒有測試它，但我認爲它可能工作。