0

我正在将 .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");
    }
});

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

4

0 回答 0