有人有什麼想法，爲什麼我可以在這裏看到valid和pristine，但是className回來了嗎？控件的.className不起作用Angular2

<label for="codeInput" class="control-label"> Fund Code:</label> 
<input #code="ngModel" id="codeInput" class="form-control" name="codeC" required [(ngModel)]="fund.code"> 
Info: ({{code.className}}) {{code.valid}}, {{code.pristine}}<br>

來源

2017-02-21 kpollock

可以添加的'一個的console.log代碼？ – Ayyoub

你期待什麼'className'值？ –

的問題是局部變量code只是抓住一個參考ngModel指令，而不是輸入的elementRef。 ngModel有權訪問valid和pristine屬性，但無權訪問className。您可以指定其他本地變量來獲得一個參考input，這確實有className屬性，像這樣的ngModel參考：

<label for="codeInput" class="control-label"> Fund Code:</label> 
<input #code="ngModel" #codeInput id="codeInput" class="form-control" name="codeC" required [(ngModel)]="fund.code"> 
Info: ({{codeInput.className}}) {{code.valid}}, {{code.pristine}}<br>

Demo

來源

2017-02-21 13:37:37

<label for="code" class="control-label"> Fund Code:</label> 
<input #code="ngModel" id="code" class="form-control" name="code" required  [(ngModel)]="fund.code"> 
Info: ({{code.className}}) {{code.valid}}, {{code.pristine}}<br>

試試這個它會工作。與形式工作時

在角向需要爲名稱保持相同的名稱= 「代碼」，[（ngModel）] = 「fund.code」，＃代碼= 「ngModel」，id =「code」和for =「code」 for label。

如果它不起作用，請讓我知道。

來源

2017-02-21 13:30:20

在您的代碼中，模板變量#code指的是在輸入元素上創建的ngModel實例，它是AbstractControlDirective的擴展。正如你在文檔中看到的那樣，它有一個valid和pristine屬性。

這個類顯然沒有className屬性。也許增加另一模板變量的輸入就可以了（雖然我看不到你想要這個:)達到什麼）：

<input #input #code="ngModel" class="control" name="code" required [(ngModel)]="fund.code"> 
Info: ({{input.className}}) {{code.valid}}, {{code.pristine}}

來源

2017-02-21 13:36:14 PierreDuc

這只是一門課的練習 - 我只是想知道爲什麼它不起作用。 – kpollock

@kpollock啊，這很有道理！ – PierreDuc

控件的.className不起作用Angular2

回答

Demo

相關問題