将AngularJS 1.3指令转换为1.5组件失败

时间:2017-01-05 22:25:29

标签: .net angularjs-components angularjs-1.5

我将.net内置的Angular 1.3项目转换为带有打字稿的1.5个组件。

我有一个指令,我已经归结为最简单的形式。该指令如下所示:

app.directive('myDoctor', function() {
    return {
        template: "Hello World",
        controller: function () {console.log("test");}
    }
});

当我将其转换为组件时,它看起来像这样:

app.component('myDoctor', {
    template: "Hello World",
    controller: function () {console.log("test");}
});

该组件在实际的.Net项目中无声地失败。什么都不渲染,不是模板而不是console.log语句。这是在同一个ts文件中,所以我知道它不是tsc问题或捆绑问题。正在加载该文件。我在angular.version中确认它确实在项目中运行Angular 1.5.7。我不相信它是组件代码本身的一个问题,因为它在这里看到的一个plunker中工作:

https://plnkr.co/edit/W8cR69O9BWWnTcwK1e0a?p=preview

但是在实际项目中,它根本就没有任何,而且我还在其他地方无法检查或编辑以加载组件。

当我检查页面上的源时,它显示正在加载的文件并包含相同的代码:

app.component("myDoctor", {
    template: "hello world",
    controller: function () {
        console.log("test");
    }
});

编辑以便明确问题发生的位置。

0 个答案:

没有答案