MVVM模式

发布时间:2019-01-30 作者:大扑棱蛾子 阅读次数:
版权声明:未经允许不得转载至微信公众号,转载至个人博客请注明出处。 阅读原文

事件驱动

事件驱动:简单的理解就是用的操作触发了事件,事件触发了监听(js方法),然后监听执行业务逻辑代码进行数据处理、跳转页面或更新DOM等操作。

image.png

传统的事件驱动模式,在页面触发事件之后,需要触发js的方法来请求数据或处理数据,然后重新对页面进行渲染,而这个渲染只直接操作DOM的。在改变少量页面DOM的情况下,这种方法是可以被接受的,但是在页面非常复杂,并且需要改变大量页面数据的情况下,这种方式足以让人崩溃。而且还需要考虑重新渲染的元素的事件绑定正确性。经常会出现js方法里面有大量的HTML代码,导致代码的可读性和可维护性极低。

AngularJs给自定义组件添加样式不起作用怎么办

发布时间:2019-01-30 作者:大扑棱蛾子 阅读次数:
版权声明:未经允许不得转载至微信公众号,转载至个人博客请注明出处。 阅读原文

首先看一个自定义组件

panel.component.html

1
2
3
<div class="app-panel" [style]="style">
<ng-content></ng-content>
</div>

panel.component.ts

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
import { Component, Input, OnInit } from '@angular/core';

@Component({
selector: 'app-panel',
templateUrl: './panel.component.html',
styleUrls: ['./panel.component.css']
})
export class PanelComponent implements OnInit {

@Input() style: any;

constructor() {
}

ngOnInit() {
}

}
Your browser is out-of-date!

Update your browser to view this website correctly. Update my browser now

×