eclipse中针对angular指令的HTML语法错误 - 属性名称必须后跟'='字符

Question

嗨，我在这里遇到一个奇怪的问题。我正在尝试在我的应用程序中应用角度分页。我正在尝试实现代码示例given here 我完美地添加了一切。我的应用程序是在java spring框架中。我的代码如下。我在eclipse mars中运行代码。我的错误是

  

与元素类型“ul”关联的属性名称“uib-pagination”必须后跟“=”字符。

<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;
});

我无法理解这个问题。我在哪里犯错误？

浏览器中显示错误

  

Mon Mar 19 14:32:27 IST 2018   出现意外错误（type = Internal Server Error，status = 500）。   解析文档的异常：template =“workflow”，第256行 - 第52列

Answer 1

您的代码没有任何问题。 Eclipse不够聪明，无法识别这些指令。您可以禁用HTML验证 转到Preferences -> Validation并取消选中HTML的复选框，如下图所示。

或者您可以允许来自Web -> HTML Files -> Validation的指令，并在突出显示的输入框中添加指令。

如果您对其他编辑开放，请尝试VSCode获取您的JS / UI内容。