Javascript 简单角度分量不'；我什么也没表现出来_Javascript_Angularjs_Components

Javascript 简单角度分量不'；我什么也没表现出来

javascript angularjs

Javascript 简单角度分量不'；我什么也没表现出来,javascript,angularjs,components,Javascript,Angularjs,Components,我试图实现一个非常简单的角度组件。我希望它为主窗口标记输出“helloworld”。不幸的是，它没有显示任何东西我可以确认，该网页工作正常。我可以看到我的所有文件都打包在bundle.js中，没有错误 index.html： <!DOCTYPE html> <html> <head lang="en"> <title>Test Page</title> <meta charset="UTF-8">

我试图实现一个非常简单的角度组件。我希望它为

主窗口

标记输出“helloworld”。不幸的是，它没有显示任何东西

我可以确认，该网页工作正常。我可以看到我的所有文件都打包在

bundle.js

中，没有错误

index.html：

<!DOCTYPE html>
<html>
<head lang="en">
    <title>Test Page</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body ng-app="prj">

<main-window></main-window>

<script src="bundle.js"></script>

</body>
</html>

mainWindow.js：从“angular”导入angular

angular.module('prj', []).component('mainWindow', {
        template: '<h1>Hello World</h1>'
    }
);

angular.module（'prj'，[]）.component（'main window'{
模板：“你好，世界”
}
);

请按如下所示进行尝试

index.js

mainWindow.js

ngModule.component（'mainWindow'{
模板：“你好，世界”
}
);

我看到的第一件事是，您两次声明了prj模块。angular.module（'prj'，[]）创建模块，如果要加载，请使用angular.module（'prj'）angular已定义，因此不应再次创建它。do

angular.module（'prj'）.component（'mainWindow'，{template:'Hello World'}）

可以使用

angular.module（'prj'）

获取

mainWindow.js

中的模块。这将从音乐上消除对全局变量

ngModule

@music的依赖性，但希望不是这样吗？因此，OP接受了答案。

angular.module('prj', []).component('mainWindow', {
        template: '<h1>Hello World</h1>'
    }
);

var ngModule = angular.module('prj', []);

ngModule.component('mainWindow', {
        template: '<h1>Hello World</h1>'
    }
);