AngularJS：如果元件具有ngModel和定製指令

Question

我做了兩個指令以設置定製錯誤消息在AngularJS雙向數據綁定失敗消息 - >在輸入上設置自定義錯誤消息

由於某些原因，無論何時將error-message指令添加到元素，ng-model綁定都不再起作用（但驗證會）。

這裏http://jsfiddle.net/apohl/A8Vgk/111/

幫助請參閱請:)

Answer 1

的問題是，你的errorMessage指令使用的分離範圍。隔離範圍影響整個元素，因此ngModel指令正在隔離範圍內進行評估 - 顯然無法工作 - 該模型位於父範圍內。

我不確定你爲什麼在這裏建立隔離範圍。由於您正試圖創建一個組件，因此必須與其他指令進行交互，因此隔離範圍不是最佳選擇。由於errorMessage不影響當前範圍，因此您可能不需要任何已定義的範圍，但是如果您願意，可以使用子範圍。

看看here閱讀更多有關何時使用每種類型的範圍上一個指令。