無法綁定角度爲2的數據

我試圖將countries數據綁定到我的px組件中，這是一種先入之見。無法綁定角度爲2的數據

打印鏈接here。

關於在html中直接綁定數據，typeahead提示國家列表。但是當我通過從類傳遞數據來嘗試相同的情況下，它沒有綁定。

var AppComponent = ng 
    .Component({ 
    selector: 'my-app' 
    }) 
    .View({ 
    template: `<div> 
<h3>Case 1 : Working dropdown:</h3> 
<px-typeahead placeholder="Enter your search query" local-candidates='["Alabama","Alaska","American Samoa","Arizona","Arkansas","California","Colorado","Connecticut","Delaware","District Of Columbia", "South Dakota","Tennessee","Texas","Utah","Vermont","Virgin Islands","Virginia","Washington","West Virginia","Wisconsin","Wyoming"]'></px-typeahead> 
<br> 
<h3>Case 2 : Not working dropdown if data is bind from controller:</h3> 
    <px-typeahead placeholder="Enter your search query" local-candidates={{countries}}></px-typeahead> 
{{countries}} 
    </div>` 
    }) 
    .Class({ 
    constructor: function() {  
     this.countries=["United States", "Antigua and/or Barbuda", "Argentina", "Armenia", "Aruba", "Australia", "Austria", "Azerbaijan"] 
    } 
    });

認爲px-typeahead在其屬性local-candidates期待數據的組件以與''陣列。我嘗試了不同的方式綁定countries像{{countries}},"countries" etc.But沒有工作。

來源

2017-09-15 forgottofly

什麼是？它是你的組件選擇器名稱之一嗎？ – Chandru

@Chandru它的一個組成部分 – forgottofly

正確的語法（對於雙向數據綁定）是[local-candidates]="countries"，它將在您的CodePen中工作。

來源

2017-09-15 09:24:47 lexith

您是否閱讀過**我嘗試了不同的方式來綁定像{{countries}}，「countries」等國家，但是在OP問題中沒有工作。因此，在回答之前，您應該先與OP進行澄清。 –

恩姆爲什麼？當然，我讀過它，他提到的兩種方式都不適用於雙向數據綁定。我在這裏討論的是什麼？評論是爲了解決這個問題，而不是回答。如果答案是脫離主題的（例如，如果OP要求某些東西，但答案會是另一個話題），那麼我會理解你的擔憂，但它只是一個簡單的答案，一個簡單的問題。 – lexith

無法綁定角度爲2的數據

回答

相關問題