HTML Syntax error in eclipse for angular directives - Attribute name must be followed by the ' = ' character

Question

Hi i am facing a strange issue here. I am trying to apply angular pagination in my application. I am trying to implement the code example given here I added everything perfectly.My application is in java spring framework. My code is below. I am running the code in eclipse mars.My Error is

Attribute name "uib-pagination" associated with an element type "ul" must be followed by the ' = ' character.

<div class="imt_paginationCtr">     
   <ul uib-pagination total-items="bigTotalItems" ng-model="bigCurrentPage" max-size="maxSize" class="pagination-sm" boundary-links="true" num-pages="numPages"></ul>
</div>

JS FILE

var app=angular.module('formvalid', [ 'ui.utils','ngAnimate','ngSanitize', 'ui.bootstrap']);
    app.controller('validationCtrl', function($scope, $http) {
    $scope.totalItems = 64;
        $scope.currentPage = 4;

        $scope.setPage = function (pageNo) {
            $scope.currentPage = pageNo;
        };

        $scope.pageChanged = function() {
            $log.log('Page changed to: ' + $scope.currentPage);
        };

        $scope.maxSize = 5;
        $scope.bigTotalItems = 175;
        $scope.bigCurrentPage = 1;
});

I am not able to understand the issue. Where i am doing the mistakes?

ERROR display in browser

Mon Mar 19 14:32:27 IST 2018 There was an unexpected error (type=Internal Server Error, status=500). Exception parsing document: template="workflow", line 256 - column 52

Answer 1

There is nothing wrong with your code. Eclipse is not smart enough to recognize those directives. You can either disable the HTML validation by going to Preferences -> Validation and uncheck the checkboxes for HTML as per the below image.

Or you can allow those directives from Web -> HTML Files -> Validation and add the directives to be allowed in the highlighted input box.

If your open to other editors, try VSCode for your JS/UI stuff.