Undefined attribute name (ng-model) at Eclipse

Question

My Eclipse is accusing an error in tag "ng-model"

My eclipse is warning the ng-model att when I save the file:

<!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">
<title>Angular Learn</title>
<script src= "http://ajax.googleapis.com/ajax/libs/angularjs/1.2.26/angular.min.js"></script>
<script src=../javascript/personController.js></script>
<script src=../javascript/carController.js"></script>
</head>
<body>
<div ng-app="" ng-controller="carController">
    <input type="text" ng-model="firstName"> <br>  // at this line
    <input type="text" ng-model="secondName">
    <p> {{ firstName + " " + secondName }} </p>
</div>
</body>
</html>

score 21 · Accepted Answer · edited May 23 '17 at 12:25

21

Most likely you get a warning due to Eclipse's HTML5 validator. Try using data-ng-model to see if that fixes your issue. More information here: ng-app vs. data-ng-app, what is the difference?. If that doesn't help you try changing the project's properties(more here: http://blog.diniscruz.com/2014/02/using-angularjs-in-eclipse-part-1.html)

edited May 23 '17 at 12:25

Community

1
1

answered Dec 03 '14 at 21:15

ecyshor

1,319
1
10
15

score 14 · Answer 2 · edited Jan 27 '17 at 13:56

When using Eclipse (Mars.1 Release (4.5.1) - and possibly earlier - I did not check).

Go to Window - Preferences
Then in the dialog that opens go to Web - HTML Files - Validation.
On the right side:

under Ignore specified attribute names in validation do the same for your custom attributes.(e.g. ng-*,my-attr-directives-*)
you might also like to go under Ignore specified element names in validation and enter the list of custom elements you use. (e.g. tab,tabset,my-element-directives-*)
In order to ignore any undefined attributes, scroll to the Attributes section, unfold it, then under Undefined attribute value:, select Ignore.

Two things to note:

After letting eclipse do a full validation you must also close the file and reopen it to have the warnings removed from the source code.
Using this method would ignore those attributes under any element

not applied to attributes contains colon, eg: `layout:fragment` — softwarevamp, Dec 17 '19 at 06:33
have not tried but perhaps you need to escape the colon? e.g. layout\:fragment ? — epeleg, Dec 27 '19 at 15:05

score 8 · Answer 3 · answered Dec 20 '15 at 18:22

I, personally, do not like the solution when you disable all warnings for attributes, since you would like to see those for real problems (non-angular attributes). So, summarizing both above answers, I can propose add ng-* pattern to exclude list for HTML validation: Preferences->Web->Html files->Validation: mark 'Ignore specified attribute names to be ignored', type: ng-*. This was working well for me.

score 4 · Answer 4 · answered Sep 29 '15 at 05:46

4

Please use data-ng-* to ignore the warning

OR

Please refer below link to resolve your problem permanantl: http://javahonk.com/undefined-attribute-name-ng-controller/

answered Sep 29 '15 at 05:46

Ashish Chauhan

486
2
8
22

Undefined attribute name (ng-model) at Eclipse

4 Answers4

Linked