我想实现一个非常简单的Angular组件。我期望它为main-windows标签输出“Hello World”。不幸的是它没有显示任何东西。简单的角度组件不显示任何东西

我可以确认，webpack工作正常。我可以看到我的所有文件都打包在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>

index.js：

import 'expose?$!expose?jQuery!jquery'; 
import angular from 'angular'; 
import 'bootstrap-webpack'; 
import './mystyle.css'; 
import './mainWindow.js' 

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

mainWindow.js：从 '角度' 进口角;

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

来源

2016-04-25 BetaRide

我首先看到的，您在声明PRJ模块的两倍。 angular.module（'prj'，[]）创建模块，如果要加载它，请使用angular.module（'prj'） – ThibaudL

angular已定义，因此不应再创建它。使用''angular.module在 –

请按照如下所示尝试。

index.js

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

mainWindow.js

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

来源

2016-04-25 14:23:29 Sampath

'mainWindow.js'该模块可以获取的;：做'angular.module（ 'PRJ'）成分（ '主窗口'，{ '

的Hello World

' 模板}）。（ 'PRJ'）'。这将消除对全局变量“ngModule”的依赖。 –

@musically_ut希望它不是那样的不？因此，OP接受了答案。 – Sampath

简单的角度组件不显示任何东西

回答

的Hello World

相关问题