内联事件处理程序练习javascript

时间:2017-12-29 15:50:49

标签: javascript angular web

我正在阅读Mozilla上的事件,在这里它谈到“内联事件处理程序”这些不应该使用,并且被认为是一种不好的做法。

e.g。

<button onclick="bgChange()">Press me</button>

然而,在像Angular这样的框架中,我们做了类似的事情:

<my-component (click)="onClick($event)"></my-component>

这与Mozilla在这种情况下考虑的不良做法不矛盾吗?

如果需要在其他部分提出此问题,请告诉我。

1 个答案:

答案 0 :(得分:0)

这是&#34;关注点分离&#34;的问题,您的组件通常被分成一个文件,然后包含&#34;控件&#34;那个组成部分。

Angular指令基本上是在模板中构建的一个想法。

在没有这样的功能系统(如角度)的情况下将其内嵌到html中类似于在javascript中编写整个html模板 - 糟糕,除非你有一个帮助你这样做的系统。

基本上,没有角度你应该&#34;保持你的javascript在你的javascript&#34;以及你的html&#34;中的&#34; html。

进一步了解MVC和关注点分离

https://www.safaribooksonline.com/library/view/programming-javascript-applications/9781491950289/ch05.html

  

Angular的控制器可能会提醒你很多来自其他MVC的模型   实施,如​​果你是“胖模特的追随者,瘦   控制器“接近。