* ngIf Angular指令

Question

我需要将项目移出角度，因此需要更改我使用过的许多指令。我想知道是否有人知道我可以将* ngIf指令改为普通的javascript吗？

示例：

<li *ngIf="currentLanguage !== 'en'"><a onClick="changeLanguage('en') "hreflang="en"><img class="flag" src="assets/languages/en.png" alt="">{{'NAVIGATION_EN'|translate}}</a></li>

Answer 1

您可以使用*ngIf属性定位元素：

let conditionals = document.querySelectorAll('[*ngIf]');

然后循环每个，得到条件，并显示元素？

for (conditional in conditionals) {
  condition = conditional.attr('*ngIf');
  if (!condition) {
    conditional.className += ' hidden';
  }
}

我没有测试过这段代码，但它看起来是一种很好的方法。

Answer 2

解决方法可以是：

<li id="myId" class="hide"><a onClick="changeLanguage('en') "hreflang="en"><img class="flag" src="assets/languages/en.png" alt="">{{'NAVIGATION_EN'|translate}}</a></li>

on css：

.hide{
  display: none; 
}

JS上的

：

var ele = document.getElementById('myId');
if(currentLanguage !== 'en'){
  ele.style.display = "block";
}