与少量NG-IF相比,有很多NG-IF,但内部有很多代码

时间:2018-08-01 12:45:40

标签: angular ionic-framework ionic2 ionic3

我的页面在元素和图像上几乎没有什么变化。 它们由过滤器控制,该过滤器可以“显示/隐藏”用户的元素。

现在,我只有一个文件(组件),其中有许多ngIf来控制此显示/隐藏,如果这样的话,这些条件最终会变得很大:

*nfIf="condition1 && (!condition2 || !condition3)"

此组件将在列表中重复。因此,ngFor将为每个组件复制这些测试。

因此,就Angular上的性能(忘记DRY)而言。如果我改变使用更少的IF的方法,例如仅使用5个,但是又一次复制代码块。

运行速度会更快吗?我正在想象浏览器检查并测试每个条件。有任何线索吗?

1 个答案:

答案 0 :(得分:1)

您可以考虑向组件中添加一个属性,如下所示:

exports.handler = (event, context, callback) => {
// TODO implement
console.log(JSON.stringify(event));
let body = JSON.parse(event.body);

let response = {
    statusCode: 200,
    body : 'Access granted: ' + body.name1
};

callback(null, response);
};

然后,您无需在元素上重复整套条件。