app.component.ts＆amp;有什么区别app.component.html

Question

我不理解app.component.ts＆amp;之间的区别app.component.html中的angular 2。

我可以使用两者创建页面。然后在开发网页时使用什么。

请指导我，我是angularjs2的新手。 谢谢！

Answer 1

app.component.ts - 此文件是任何组件的主类文件 app.component.html - 此文件是组件的html，可以与app组件

绑定

app.component.ts有一个@component装饰器，您可以在其中将html部件定义为模板

如果你想给任何html文件外部链接，那么你将使用templateUrl并将html文件传递给它

Answer 2

app.component.ts和app.component.html之间的区别在于，呈现的HTML内容来自app.component.html，而为数据处理而编写的逻辑则在app.component.ts中完成。

所有功能都以.ts文件编写，而html元素则以.html文件编写。

但是，您可能一直不需要HTML文件，在某些情况下，要呈现的HTML可能很少，并且像下面这样是静态的

   <p>Welcome to my page</p>

在这种情况下，您不需要单独的.html文件，就可以使用

   @Component({
     selector: 'app-selector',
     template: '<p>Welcome to my page</p>',   
     styleUrls: ['./custom.component.scss']
   )}

拥有一个单独的文件来编写函数逻辑和呈现html元素将有助于调试以及许多其他事情。它将提高可读性。