मोबाइल कोणीय यूआई - ड्रॉपडाउन
मोबाइल कोणीय ui में ड्रॉपडाउन के साथ काम करने के लिए, आपको वर्ग का उपयोग करने की जरूरत है .dropdown-मेनू ।
यहाँ एक उदाहरण है जो ड्रॉपडाउन प्रदर्शित करता है।
हम इसमें परिवर्तन जोड़ेंगे src/home/home.html।
<div class="list-group text-center">
<div class="list-group-item list-group-item-home">
<h1>{{msg}}</h1>
</div>
<div class="list-group-item list-group-item-home">
<div class="btn-group">
<a ui-turn-on='testDropdown' class='btn'>
<i class="fa fa-caret-down" aria-hidden="true"></i>Tutorials
</a>
<ul
class="dropdown-menu"
ui-outer-click="Ui.turnOff('testDropdown')"
ui-outer-click-if="Ui.active('testDropdown')"
role="menu"
ui-show="testDropdown"
ui-state="testDropdown"
ui-turn-off="testDropdown">
<li><a>PHP</a></li>
<li><a>JAVA</a></li>
<li><a>MYSQL</a></li>
<li class="divider"></li>
<li><a>PYTHON</a></li>
</ul>
</div>
</div>
</div>
हमारे पास ड्रॉपडाउन में दिखाए गए ट्यूटोरियल की एक सूची है। स्क्रीन पर आउटपुट निम्नानुसार है -