Question

我正在尝试创建一步一步的表单。我正在使用AngularJS和UI-router来显示不同的表单，这些表中的值存储在javascript数组中。由于元素不活跃，我正在尝试评估数据以显示或隐藏div。

数据存储在：

$scope.formData = {};

其中填充了（其中包括）;

<input type="checkbox" id="outGoingEmail" onclick="showMe('outGoingEmail')" name="outGoingEmailChk" ng-model="formData.outEmail">

通过转储数据，我可以看到它的计算结果为true;

<pre>
    {{ formData }}
</pre>

 {"outEmail":true}

我是javascript的新手，但我尝试过很多东西，但我的div总是显示出来：

<div id="incSMS">
    <input type="text" ng-model="formData.incSMSNumber">
</div>

我到目前为止的JS;

$(document).ready(function() {
    if(outEmail == true) {
        document.getElementById("incSMS").style.display = 'block'; 
    }else {
        document.getElementById("incSMS").style.display = 'none'; 
    }
});

如何正确评估outEmail？

Answer 1

你可以用角度做几件事你可以尝试ng-if或ng-show：

<div ng-if="!formData"></div>

如果formData不存在，它将隐藏div元素。祝你好运！

在https://docs.angularjs.org/api/ng/directive/ngIf

了解详情

基于javascript中数组的数据显示元素

1 个答案: