Underscore - If test within _.each loop
Underscore - If test within _.each loop
HTML
<script src="http://underscorejs.org/underscore-min.js"></script>
<script type="text/template" id="target-temp">
<h1>Hello</h1>
<%
var availableAZ = [];
for(data in mySpecialties.specialties) {
availableAZ.push(mySpecialties.specialties[data].letter);
}
var az = ["A","B","C","D","E","F","G","H","I","J","K","L","M","N","O","P","Q","R","S","T","U","V","W","X","Y","Z"];
for(letter in az){
if(availableAZ.indexOf(az[letter]) > -1){
%>
[disabled]
<% } %>
<%-az[letter] + " "%>
<% } %>
<% for(data in mySpecialties.specialties) { %>
<h3> <%- mySpecialties.specialties[data].letter %>
<% for(key in mySpecialties.specialties[data].specialty) {%>
<h5> <%- mySpecialties.specialties[data].specialty[key].definition %>
<% }} %>
</script>
<div class="js-container"></div>
JavaScript
var myData = ["red", "yellow", "blue"];
var mySpecialties =
{
"headerText": "Browse by specialty from A to Z",
"selectLetter": "Select a letter to find a list of specialties.",
"locationText": "Health care professional related specialities within",
"inputPlaceHolder": "City, State",
"updateBtn": "Change location",
"specialties": [{
"letter": "A",
"specialty": [{
"term": "Addiction medicine",
"definition": "Specialists in addiction medicine treat substance abuse and addiction."
}, {
"term": "Addiction medicine",
"definition": "Specialists in addiction medicine treat substance abuse and addiction."
}]
}, {
"letter": "C",
"specialty": [{
"term": "Addiction medicine",
"definition": "Specialists in addiction medicine treat substance abuse and addiction."
}, {
"term": "Addiction medicine",
"definition": "Specialists in addiction medicine treat substance abuse and addiction."
}]
}, {
"letter": "D",
"specialty": [{
"term": "Addiction medicine",
"definition": "Specialists in addiction medicine treat substance abuse and addiction."
}, {
"term": "Addiction medicine",
"definition": "Specialists in addiction medicine treat substance abuse and addiction."
}]
}]
}
var mySettings = {
'text1' : 'this is text1',
'text2' : 'this is text2',
'text3' : 'this is text3'
};
var templateTarget = $('#target-temp').html();
$('.js-container').html( _.template( templateTarget, {
datai : myData,
settings : mySettings,
specialty: mySpecialties
} ) );