Olá sou novo em angularjs,agradeço toda ajuda se puderem. tenho uma dúvida: Tenho uma coleção de itens que são carregados na página principal está tudo ok ,mas um dos items é uma url e eu gostaria que quando carregado permitisse acessar a página de destino. Na realidade quando eu coloco a url diretamente na função funciona, mas tentando pegar de uma variável ,eu clico e não acontece nada .. o código abaixo funciona ***só essa primeira parte .
var data = {};
var app = angular.module('myApp',['onsen']);
module.controller('myCtrl',function($window, $scope){
$scope.myFunction = function(){
$window.location.href = ' **colocando o caminho de uma pagina aqui funciona, mas quero pegar da variavel myurl abaixo.**'
}
});
O código quase completo abaixo.. JS e html ..
module.factory('$data', function() {
data.items = [
{
Image: 'steak-353115_640.jpg',
title: 'Novo',
label: 'Evento',
desc: 'Gerencie um novo evento e .....,
myurl: 'home.html'
},
{ Image: 'r878.jpg',
title: 'Lista',
label: 'Assistente',
desc: 'Não definido',
myurl: 'guia.html'
}
];
return data;
});
var data = {};
var app = angular.module('myApp',['onsen']);
module.controller('myCtrl',function($window, $scope){
$scope.myFunction = function(){
$window.location.href = myurl //Eu queria pegar a url da variável
}
});
A medida que eu clico em um item ele carrega os respectivos valores das variáveis, ou seja ,nuncarepete já que os dados são únicos
<ons-list modifier="inset" style="margin-top: 10px">
<ons-list-item class="item">
<ons-row>
<ons-col width="60px">
<div ><img class="item-thum" ng-src="images/{{item.Image}}" style="margin:auto;"></div>
</ons-col>
<ons-col>
<header>
<span class="item-title">{{item.title}}</span>
<span class="item-label">{{item.label}}</span>
</header>
<p class="item-desc">{{item.desc}}</p>
</ons-col>
</ons-row>
</ons-list-item>
<div ng-controller="myCtrl">
<ons-list-item modifier="chevron" ng-click="myFunction()">
<ons-icon icon="ion-chatboxes" fixed-width="true" style="color: #ccc"></ons-icon>
Add a note
</ons-list-item>
myFunction(item.myurl)
. Modifique seu método para usar a URL passada por parâmetro.