Javascript 如果条件为角度JS,如何显示一个元素

Javascript 如果条件为角度JS,如何显示一个元素,javascript,angularjs,Javascript,Angularjs,如果unity_变量等于true,我想显示一个选择框,如果unity_变量不等于false,则只显示unity 我试过这个: <div ng-if="question.unity_variable == true"> <select> <option data-ng-repeat="unit in question.unity">{{unit.value}}</option> </select>

如果unity_变量等于true,我想显示一个选择框,如果unity_变量不等于false,则只显示unity

我试过这个:

<div ng-if="question.unity_variable == true">
     <select>
          <option data-ng-repeat="unit in question.unity">{{unit.value}}</option>
     </select>
</div>
<div ng-if="question.unity_variable ==  false || question.unity_variable == ''">
     {{question.unity}}
</div>
我的html代码是:

<table style="display: inline-block; float: left; max-width: 510px;">
    <tr data-ng-repeat="question in group.questions">
        <td>{{question.name}}</td>
        <td>
            <div ng-switch on="question.control" style="display: inline-block;">
                 <div ng-switch-when="input">
                     <input type="text" style="width: {{ question.size }};" data-isnull="{{question.isnull}}" name="{{question.dbcolumn}}" id="{{question.dbcolumn}}" placeholder="{{question.default_value}}" maxlength="{{question.max_length}}" />
                 </div>
                 <div ng-switch-when="textarea">
                      <textarea style="width: {{ question.size }};" data-isnull="{{question.isnull}}" name="{{question.dbcolumn}}" id="{{question.dbcolumn}}" placeholder="{{question.default_value}}"></textarea>
                 </div>
                 <div ng-switch-when="checkbox">
                      <input type="checkbox" data-isnull="{{question.isnull}}" name="{{question.dbcolumn}}" id="{{question.dbcolumn}}" />{{question.default_value}}
                 </div>
                 <div ng-switch-when="select">
                      <select style="width: {{ question.size }};" data-isnull="{{question.isnull}}" name="{{question.dbcolumn}}" id="{{question.dbcolumn}}">
                          <option data-ng-repeat="choice in question.default_value" value="{{choice.value}}">{{choice.name}}</option>
                      </select>
                 </div>
                 <div ng-switch-when="p">
                      <p style="width: {{ question.size }};" data-isnull="{{question.isnull}}" name="{{question.dbcolumn}}" id="{{question.dbcolumn}}"><b>{{question.default_value}}</b></p>
                </div>
                <div ng-switch-default>
                      <!-- default action -->
                </div>
            </div>
        </td>
        <td>
            <div ng-if="question.unity_variable == true">
                 <select>
                      <option data-ng-repeat="unit in question.unity">{{unit.value}}</option>
                 </select>
            </div>
            <div ng-if="question.unity_variable ==  false || question.unity_variable == ''"> {{question.unity}} </div>    
       </td>
    </tr>

{{问题.名称}
{{问题.默认值}
{{choice.name}

{{{question.default}

{{unit.value}} {{问题.团结}

如果我只尝试简单的代码:

<div ng-if="1 == 1">true</div>
<div ng-if="1 == 2">false</div>
true
假的
结果显示了true和false,因此我有一个语法错误

这对我来说很有效:

<div ng-if="question.unity_variable">
    <select>
        <option data-ng-repeat="unit in question.unity">{{unit.value}}</option>
    </select>
</div>
<div ng-if="!question.unity_variable">
    {{question.unity}}
</div>

{{unit.value}}
{{问题.团结}

从2013年8月6日起,必须使用Angular.js“不稳定”版本1.1.5才能使用ngIf。如果您从AngularJS 1.0.7版开始使用AngularJS,它使用的是“稳定”1.0.7版,不支持ngIf。

对于
ngIf
请确保您使用的是至少1.5版是的,我在AngularJS 1.0.7版中,我尝试过,但在官方网站上,最后一个版本是AngularJS 1.0.8版。。。Thx;)。。。不是更好,结果是sameCan你创造了小提琴吗?对不起,我是说1.1.5版。您可以从这里下载较新的版本:很难,因为所有数据都来自json文件等。。。但是我试着做一些接近^^^的事情,你在一些对象中缺少了
unity\u变量
。你也有空的
unity
字段。是的,我知道,现在没有一个soucy;)但这部分代码不适合我。。。它尝试使用Angular1.1.5版本,您需要使用v1.1.5
<div ng-if="1 == 1">true</div>
<div ng-if="1 == 2">false</div>
<div ng-if="question.unity_variable">
    <select>
        <option data-ng-repeat="unit in question.unity">{{unit.value}}</option>
    </select>
</div>
<div ng-if="!question.unity_variable">
    {{question.unity}}
</div>