基於javascript中數組的數據顯示元素

我試圖創建一步一步的形式。我使用AngularJS和UI路由器來顯示不同的表單，這些值存儲在一個javascript數組中。由於該元素不活躍，我試圖評估數據以顯示或隱藏div。基於javascript中數組的數據顯示元素

的數據被存儲在：

$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？

來源

2016-02-10 HenrikM

我看到你使用angularjs和純js？這個JS代碼在角度控制器中嗎？ – Przemek

你可以做幾件事情與角度，你可以嘗試NG-IF或NG-顯示：

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

它西港島線隱藏的div元素，如果FORMDATA不存在。祝你好運！

閱讀更多關於它在https://docs.angularjs.org/api/ng/directive/ngIf

來源

2016-02-10 15:56:17

整潔！完美的作品，謝謝！ – HenrikM

很高興幫助:)。如果你正在玩角嘗試避免jquery，並嘗試以角度的方式做到這一點。這很容易。 –

基於javascript中數組的數據顯示元素

回答

相關問題