2016-05-04 54 views
0

我是angularjs的新手,嘗試使用ng-messagesng-messages-include創建一個帶有驗證消息的表單。ng-messages-include-not-working

當我使用ng-messages編寫內聯錯誤消息時,它可以工作,但是當我使用ng-messages-include並引用遠程文件時,它不起作用。 以下是代碼。

messages.html

<div ng-message="required">This field is required</div> 

form.html

</div> 
     <div ng-messages="form.name.$error" style="color:red" ng-if="form.name.$dirty" ng-messages-include="pages/html/messages.html"> 
    <!-- <div ng-message="required">You did not enter a field</div>--> 
</div> 

如果我去掉上面的代碼,它工作正常,但ng-messages-include這是行不通的。 請幫忙。

在此先感謝。

+0

請提供鋼筆/鋼筆,更多代碼。 – alphapilgrim

回答

0

我得到它的工作。 ng-messages-include必須是div上的子節點。

</div> 
    <div ng-messages="form.name.$error" style="color:red" ng-if="form.name.$dirty"> 
<div ng-messages-include="pages/html/messages.html"></div> 
</div> 
1

仔細檢查messages.html是否實際加載。也許你的網址錯了?也許它需要在根目錄開始時有一個「/」字符?

您可以通過在瀏覽器中按F12打開開發者控制檯來檢查它是否正在加載。選中「網絡」標籤並查找文件「messages.html」。我懷疑你的問題在那裏。

+0

messages.html未被加載。我也嘗試在路徑的開始處添加'/',但沒有運氣。 :-( – user56690

+0

然後問題是服務器上的URL或文件的位置。確保該文件實際存在於服務器上,並檢查它的位置是否與URL路徑相同。 –