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]
Last updated: 28th April, 2024 As a data scientist, understanding the nuances of various cost…
Last updated: 28th April, 2024 In this post, you will learn the concepts related to…
Last updated: 26th April, 2024 In this blog post, we will discuss the logistic regression…
Last updated: 22nd April, 2024 As data scientists, we navigate a sea of metrics to…
Last updated: 22nd April, 2024 This post will teach you about the gradient descent algorithm…
Last updated: 19th April, 2024 Among the terminologies used in training machine learning models, the…