AngularJS .component() API не работает

Question

Я создаю компонент «claList» с использованием API .component(). Но это не работает. (Я использую версию AngularJS 1.5). Ниже приведен код, который я написал.

//state configuration 
$stateProvider 
    .state("abc", { 
     url: "/abc", 
     templateUrl: "/index.html", 
     abstract: true 
    }) 
    .state("abc.state1", { 
     url: "/state1", 
     template: "<cla-list></cla-list>" 
    }); 


//JS Code 
var app = angular.module("app"); 
app.component("claList", { //this is not working 
    restrict: "E", 
    templateUrl: "state1.html", 
    controller: state1Controller 
}); 

/*@ngInject*/ 
function state1Controller($scope, $timeout) { 
    .... 
}); 

//HTML code(state1.html) 
<div class="list-container"> 
    <h2 class="text-blue">Header</h2> 
    .... 
</div> 

Он также не отображает ошибок в консоли.

Answer 1

Вы используете ui-router? Я заявляю очевидное здесь, но вы ввели index.html?

Кроме того, вам не нужен ограничитель: «E» в компонентах.