Angular使用技巧：NgIf非常规用法
NgIf是Angular中使用频率非常高的命令。它的作用很简单，就是定义一个表达式，根据确定的结果匹配对应的模板。基本用法
Contenttorenderwhenconditionistrue.Contenttorenderwhenconditionisfalse.上面的语法可以很容易理解为当判断表达式条件为真时，使用thenBlock模板内容，否则使用elseBlock模板内容。这是NgIf的一种用法，还有其他更简洁的用法，详见NgIfAPI。API中已经详细介绍了一些常用的用法，基本的用法可以参考文档。今天我们主要讲一下NgIf的一个非常规用法。模板中的临时变量在angular组件模板中，有时候我们可能需要定义一个临时变量来提高性能，比如下面这个组件：HTML{{getDisplayText(item)}} TS@Component({selector:'list',//...})exportclassListComponent{@Input()项：数组<任意>；@Input()显示成员：字符串；getDisplayText(item:any):any{返回this.displayMember？(项目&&项目[this.displayMember]):项目;这是一个简单的列表组件，绑定一个数组，通过指定的displayMember设置列表项要显示的文本内容。在组件模板html中，使用span标签将每一个要显示的文本包裹起来，并设置其标题与显示的文本相同。因为显示文字可以动态设置（displayMember），所以我们把相关逻辑放在了getDisplayText方法中。细心的你会发现，在我们的html模板中，为了在两个地方（标签包裹的内容和标题）进行文字显示，我们调用了两次getDisplayText，但实际上两次调用是重复的。这种问题如果定义在js代码中，定义临时变量的问题就解决了，但是angular组件模板并没有给我们提供定义临时变量的指令。这时候，我们的主角NgIf就会出现。NgIf的众多用法之一如下：NgIf的用法之一
{{value}} 