Question

我正在创建一个组件＆＃34; claList＆＃34;使用.component（）API。但它不起作用。（我使用的是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里吗？

此外，您不需要限制：＆＃39; E＆＃39;在组件中。

AngularJS .component（）API不起作用

1 个答案: