Following are the key techniques described later in this article:
The code sample below demonstrate how URLs with its name and hyperlink is stored as array in AngularJS scope and later accessed in the view with ng-repeat directive.
.controller('HelloCtrl', ['$scope', function($scope){
$scope.urls = [{'name':'Gmail','url':'http://www.gmail.com'},
{'name':'Yahoo Mail', 'url':'http://mail.yahoo.com'},
{'name':'Hotmail', 'url':'http://www.hotmail.com'}];
}])
Following is code sample that represents usage of AngularJS custom directive, “ion-list” and “ion-item”. This can be considered to be the recommended way
<ion-list>
<ion-item ng-repeat="urlitem in urls">
<a href="{{urlitem.url}}">{{urlitem.name}}</a>
</ion-item>
</ion-list>
Following is code sample that represents usage of directive “ul” and “li”.
<ul class="list">
<li class="item" ng-repeat="urlitem in urls">
<a href="{{urlitem.url}}">link: {{urlitem.name}}</a>
</li>
</ul>
Following is code sample that represents usage of directive “div”.
<div class="list">
<div class="item" ng-repeat="urlitem in urls">
<a href="{{urlitem.url}}">div: {{urlitem.name}}</a>
</div>
</div>
…
[adsenseyu1]
In this blog, you would get to know the essential mathematical topics you need to…
This blog represents a list of questions you can ask when thinking like a product…
AI agents are autonomous systems combining three core components: a reasoning engine (powered by LLM),…
Artificial Intelligence (AI) has evolved significantly, from its early days of symbolic reasoning to the…
Last updated: 25th Jan, 2025 Have you ever wondered how to seamlessly integrate the vast…
Hey there! As I venture into building agentic MEAN apps with LangChain.js, I wanted to…