使用条件内部标记显示值

Question

<td id="TemplateNameLabel">    
    <span ng-if="{{oprMode}} === 'IN'">*Template Name</span>
    <span ng-if="{{oprMode}} === 'UP'">*Edit Template Name</span>     
</td>

oprMode是JavaScript变量。

<script>
    var oprMode = 'IN';
</script>

Answer 1

使用ng-if="oprMode" === 'IN'而非ng-if="{{oprMode}} === 'IN'"

ng-if已经是一个角度指令。并且oprMode应该是相应控制器范围中的变量，或者是向上^^^范围（假设您没有在语法中使用controller as）

修改

假设您对angularjs一无所知，只需使用简单的javascript：

<td id="TemplateNameLabel">    
    <span ng-if="{{oprMode}} === 'IN'">*Template Name</span>
    <span ng-if="{{oprMode}} === 'UP'">*Edit Template Name</span>     
</td>

和脚本

var oprMode = 'IN'
document.querySelector('#TemplateNameLabel > span').innerText = oprMode === 'IN' ? '*Template Name' : oprMode === 'UP' ? '*Edit Template Name' : '';

Answer 2

仅使用 ng-if =＆＃34; oprMode＆＃34; ，此处您正在使用ng-if =＆＃34; {{oprMode}}＆＃34;。

<td id="TemplateNameLabel">    
    <span ng-if="oprMode === 'IN'">*Template Name</span>
    <span ng-if="oprMode === 'UP'">*Edit Template Name</span>     
</td>