Search the Community

Bom dia, Estou a iniciar me em angular e deparei me com duas questões que gostava de tentar esclarecer com que percebe disto. 1 - Criei uma aplicação em que na minha pagina principal tenho uma sidenav, uma toolbar e content. A sidenav e a toolbar são components que serão mostrados caso o utilizador esteja logado e o content tem um <router-outlet> por onde serão passados os vários componentes da aplicação. Sempre que faço login o render dos componentes sidenav e toolbar é feito com sucesso com o (ngOnInit) mas quando faço logout(num component filho que será passado pelo router-outlet) não, pois não volta a correr a função e fazer o respectivo render da página. Resolvi usando o (OnDoCheck), mas reparei que sempre que insiro um carácter( ou qualquer outra acção) ele é disparado. Isto não é muito pesado para a aplicação? Existe outra maneira de correr uma função na "app.component.ts" sempre e só se for feito logout, neste caso, num component filho que ira passar no <router-outlet> ? 2- Tentei usar uma flag passando a variável filho -> pai. Usei o @output no filho com o EventEmitter mas a duvida está como o recebo no pai. Normalmente faria <app-filho (variavel-filho)="funcao-pai($event)">, mas como estou a passar estes componentes com o <router-outlet> existe alguma maneira de passar esse valor? Espero ter passado a minha dúvida de forma minimamente perceptível. Desde já obrigado, Cumprimentos.

Boa tarde amigos. Tenho uma duvida sobre um directiva do angularJS. Tenho um formulário onde tenho um selectBox e quero que, quando for selecionado a opção Pessoa Juridica os campos do fomulario da pessoa fisica sejam ocultos. E vice e versa. Eu consigui fazer isso mas utilizando um CheckBox, porem gostaria de entender como fazer isso utilizando um selectBox... Fico no aguardo e desde já, muito obrigado. <div role="form"> Pesso fisica <input type="checkbox" ng-model="myVar"> <field id="nomecliente" label="*Nome completo" grid="12 6 4" placeholder="Informe o nome completo" model="cliCtrl.cliente.nomecliente" readonly="cliCtrl.tabDelete"></field> <field id="datanascimento" label="*Data de nascimento" grid="12 6 4" type='date'model="cliCtrl.cliente.dadosPF[0].datanascimento" readonly="cliCtrl.tabDelete"></field> <field id="cpf" label="*CPF" grid="12 6 4" placeholder="Informe o CPF" model="cliCtrl.cliente.dadosPF[0].cpf" readonly="cliCtrl.tabDelete"></field> <field id="rg" label="*RG" grid="12 6 4" placeholder="Informe o RG" model="cliCtrl.cliente.dadosPF[0].rg" readonly="cliCtrl.tabDelete"></field> <field id="orgaoemissor" label="Orgão emissor" grid="12 6 4" placeholder="Informe o orgão emissor" model="cliCtrl.cliente.dadosPF[0].orgaoemissor" readonly="cliCtrl.tabDelete"></field> <field id="dataexpedicao" label="Data de expedição" grid="12 6 4" type='date' model="cliCtrl.cliente.dadosPF[0].dataexpedicao" readonly="cliCtrl.tabDelete"></field> <field id="naturalidade" label="Naturalidade" grid="12 6 4" placeholder="Informe a naturalidade" model="cliCtrl.cliente.dadosPF[0].naturalidade" readonly="cliCtrl.tabDelete"></field> <div ng-hide="myVar"> <field id="razaosocial" label="*Razão Social" grid="12 6 4" placeholder="Informe a razão social" model="cliCtrl.cliente.dadosPJ[0].razaosocial" readonly="cliCtrl.tabDelete"></field> <field id="nomefantasia" label="Nome fantasia" grid="12 6 4" placeholder="Informe o nome fantasia" model="cliCtrl.cliente.dadosPJ[0].nomefantasia" readonly="cliCtrl.tabDelete"></field> <field id="cnpj" label="*CNPJ" grid="12 6 4" placeholder="Informe o CNPJ" model="cliCtrl.cliente.dadosPJ[0].cnpj" readonly="cliCtrl.tabDelete"></field> <field id="inscricaoestadual" label="Inscrição Estadual" grid="12 6 4" placeholder="Informe a Inscrição Estadual" model="cliCtrl.cliente.dadosPJ[0].inscricaoestadual" readonly="cliCtrl.tabDelete"></field> <field id="inscricaomunicipal" label="Inscrição Municipal" grid="12 6 4" placeholder="Informe a Inscrição Municipal" model="cliCtrl.cliente.dadosPJ[0].inscricaomunicipal" readonly="cliCtrl.tabDelete"></field> </div> </div> <!-- Botão - inculuir, exluir, altear e gravar--> <div ng-include="'cliente/button.html'"></div> </div>

Boas gente, recentemente adquiri um template em bootstrap 3, já com algumas páginas pré-criadas, e estou-me agora a iniciar em angular, dai pretender incorporar este template no projecto que irei iniciar em angular, têm dicas ou algum tutorial com boas práticas a seguir na incorporação do template em Angular?

Galera estou fazendo um app ionic que se comunica com outro app no dispositivo que é nativo através de applinks. Utilizei o plugin https://github.com/EddyVerbruggen/Custom-URL-scheme para fazer essa comunicação e deu tudo certo, apenas no retorno das informações pelo app da empresa de pagamentos eu consigo ver a url com o scheme do meu app pela function: function handleOpenURL(url) { console.log("received url: " + url); } O pro é que só consigo visualizar a url no index.html da minha aplicação e preciso desse retorno no meu controller onde começo a comunicação com o app da empresa de pagamentos, pois preciso pegar o retorno tratar e enviar para o meu banco de dados. Alguém pode me ajudar a resolver isso ?

Olá pessoal, gostaria de ajuda de vocês com um problema, desenvolvi um aplicativo android utilizando ionic 1 com angulajs1 e preciso fazer um applink para outro app no meu device uma URI com parâmetros nessa requisição, tentei fazer isto com o código abaixo mas não funciona. Alguém já fez isso ? window.open('app://payment?scheme=exe&key=DFJSOIHFD54654DFSDGDSF54654&amount=100');

Alguém sabe algum link onde podemos compara as projeções do Angular e React na web? Eu gostaria de saber qual deles está sendo mais usado e o avanço de cada um, assim podemos nos preparar melhor para o que vêm pela frente. Obrigado.

Boa noite, Estou a tentar buscar um ficheiro json e guardar uma variavel dentro do TypeScript. Json file [{ "name":"John", "age":31, "city":"New York" }, { "name":"Joana", "age":32, "city":"California" } ] export class AppComponent { ngOnInit(){ this.http.get('./file.json').map((res: Response) => res.json()).subscribe(res => this.result = res); alert(this.result[0].name); } } No alert gostava de retornar John, só que infelizmente só me dá "undefined name" Cumprimentos, Obrigado

Hello, encontro-me a desenvolver um CRUD para editar notícias num website pessoal. Implementei usando AngularJS, PHP, MySql e o Materialize para o design. No meu formulário para criar/editar, tenho um campo (<textarea>) onde o utilizador deve introduzir o texto da notícia. Tudo funciona bem até introduzir nesse campo um parágrafo. Se o fizer, assim que clico "update" nada acontece. Se fizer "refresh" à página, os dados não são mais apresentados na tabela. Tenho de aceder à base de dados no servidor, remover o parágrafo para voltarem a ser apresentados os dados na tabela. Alguma ideia no que possa causar este bug? index.html: <!-- table that shows product record list --> <table class="hoverable bordered"> <thead> <tr> <th class="text-align-center">ID</th> <th class="width-10-pct">Heading</th> <th class="width-10-pct">Subheading</th> <th class="width-10-pct text-align-center">Text</th> <th class="text-align-center action-text">Action</th> </tr> </thead> <tbody ng-init="getAll()"> <tr dir-paginate="d in news | filter:search | itemsPerPage:5" pagination-id="prodx"> <td class="text-align-center">{{ d.id_news }}</td> <td>{{ d.news_heading }}</td> <td>{{ d.news_subheading }}</td> <td>{{ d.news_text }}</td> <td> <a ng-click="readOne(d.id_news)" class="waves-effect waves-light btn"><i class="material-icons left">edit</i></a> <a ng-click="deleteArticle(d.id_news)" class="waves-effect waves-light btn"><i class="material-icons left">delete</i></a> </td> </tr> </tbody> </table> <!-- angular pagination --> <dir-pagination-controls pagination-id="prodx" boundary-links="true" on-page-change="pageChangeHandler(newPageNumber)" template-url="app/shared/dir_pagination.tpl.html"></dir-pagination-controls> <!-- modal for for creating new arctile --> <div id="modal-product-form" class="modal"> <div class="modal-content"> <h4 id="modal-product-title">Create New Article</h4> <div class="row"> <div class="input-field col s12"> <input ng-model="news_heading" type="text" class="validate" id="form-news_heading" placeholder="Type article heading here..." /> <label for="news_heading">Heading</label> </div> <div class="input-field col s12"> <input ng-model="news_subheading" type="text" class="validate" placeholder="Type article subheading here..."/> <label for="news_subheading">Subheading</label> </div> <div class="input-field col s12"> <textarea ng-model="news_text" type="text" class="validate materialize-textarea" id="form-news_text" placeholder="Type article text here..." ></textarea> <label for="news_text">Text</label> </div> <div class="input-field col s12"> <a id="btn-create-product" class="waves-effect waves-light btn margin-bottom-1em" ng-click="createArticle()"><i class="material-icons left">add</i>Create</a> <a id="btn-update-product" class="waves-effect waves-light btn margin-bottom-1em" ng-click="updateArticle()"><i class="material-icons left">edit</i>Save Changes</a> <a class="modal-action modal-close waves-effect waves-light btn margin-bottom-1em"><i class="material-icons left">close</i>Close</a> </div> </div> </div> </div> <!-- floating button for creating product --> <div class="fixed-action-btn" style="bottom:45px; right:24px;"> <a class="waves-effect waves-light btn modal-trigger btn-floating btn-large red" href="#modal-product-form" ng-click="showCreateForm()"><i class="large material-icons">add</i></a> </div> app.js: var app = angular.module('myApp', ['angularUtils.directives.dirPagination']); controller.js app.controller('newsCtrl', function($scope, $http) { . . . // update product record / save changes $scope.updateArticle = function(){ $http({ method: 'POST', data: { 'id_news' : $scope.id_news, 'news_heading' : $scope.news_heading, 'news_subheading' : $scope.news_subheading, 'news_text' : $scope.news_text }, url: 'api/product/update.php' }).then(function successCallback(response) { // tell the user product record was updated Materialize.toast(response.data, 4000); // close modal $('#modal-product-form').modal('close'); // clear modal content $scope.clearForm(); // refresh the product list $scope.getAll(); }); } // retrieve record to fill out the form $scope.readOne = function(id_news){ // change modal title $('#modal-product-title').text("Edit Article"); // show udpate product button $('#btn-update-product').show(); // show create product button $('#btn-create-product').hide(); // post id of product to be edited $http({ method: 'POST', data: { 'id_news' : id_news }, url: 'api/product/read_one.php' }).then(function successCallback(response) { // put the values in form $scope.id_news = response.data[0]["id_news"]; $scope.news_heading = response.data[0]["news_heading"]; $scope.news_subheading = response.data[0]["news_subheading"]; $scope.news_text = response.data[0]["news_text"]; // show modal $('#modal-product-form').modal('open'); }) .error(function(data, status, headers, config){ Materialize.toast('Unable to retrieve record.', 4000); }); } // read products $scope.getAll = function(){ $http({ method: 'GET', url: 'api/product/read.php' }).then(function successCallback(response) { $scope.news = response.data.records; }); } }); product.php: <?php class Product{ // database connection and table name private $conn; private $table_name = "news"; // object properties public $id_news; public $news_heading; public $news_subheading; public $news_text; public $news_image_path; // constructor with $db as database connection public function __construct($db){ $this->conn = $db; } . . . // update the product function update(){ // update query $query = "UPDATE " . $this->table_name . " SET news_heading = :news_heading, news_subheading = :news_subheading, news_text = :news_text WHERE id_news = :id_news"; // prepare query statement $stmt = $this->conn->prepare($query); // sanitize $this->news_heading=htmlspecialchars(strip_tags($this->news_heading)); $this->news_subheading=htmlspecialchars(strip_tags($this->news_subheading)); $this->news_text=htmlspecialchars(strip_tags($this->news_text)); $this->id_news=htmlspecialchars(strip_tags($this->id_news)); // bind new values $stmt->bindParam(':news_heading', $this->news_heading); $stmt->bindParam(':news_subheading', $this->news_subheading); $stmt->bindParam(':news_text', $this->news_text); $stmt->bindParam(':id_news', $this->id_news); // execute the query if($stmt->execute()){ return true; }else{ return false; } } // used when filling up the update product form function readOne(){ // query to read single record $query = "SELECT news_heading, news_subheading, news_text FROM " . $this->table_name . " WHERE id_news = ? LIMIT 0,1"; // prepare query statement $stmt = $this->conn->prepare( $query ); // bind id of product to be updated $stmt->bindParam(1, $this->id_news); // execute query $stmt->execute(); // get retrieved row $row = $stmt->fetch(PDO::FETCH_ASSOC); // set values to object properties $this->news_heading = $row['news_heading']; $this->news_subheading = $row['news_subheading']; $this-> news_text = $row['news_text']; } update.php: <?php // include database and object files include_once '../config/database.php'; include_once '../objects/product.php'; // get database connection $database = new Database(); $db = $database->getConnection(); // prepare product object $product = new Product($db); // get id of product to be edited $data = json_decode(file_get_contents("php://input")); // set ID property of product to be edited $product->id_news = $data->id_news; // set product property values $product->news_heading = $data->news_heading; $product->news_subheading = $data->news_subheading; $product->news_text = $data->news_text; // update the product if($product->update()){ echo "Product was updated."; } // if unable to update the product, tell the user else{ echo "Unable to update product."; } ?> Thanks in advance

Boas. Tenho andado a desenvolver um projecto, e de momento ando a modificar o projecto para implementar o php que é necessario, mas encontro-me com um pequeno problema. O projecto foi realizado em Angular 2 (Uma Framework de javaScript ). Em relação ao problema é quando inicio o xampp e vou ao localhost consigo entrar na pagina inicial, mas e consigo usar todas as hiperligações que estão nas paginas, mas não consigo escrever uma directoria exacta. 1º imagem -> quando acedo ao localhost pela primeira vez e correr tudo bem. https://gyazo.com/0e9a2d8bc844a953d3ab94c18c49cf5c 2º imagem -> Hiperligações dentro das paginas a funcionar a 100 %. https://gyazo.com/0c6b98e343f00cf7f0b0d0f8449ce8a1 3º imagem -> quando tento escrever o url https://gyazo.com/c2d4787d7aaf6838fa37932701844d9f Resumindo gostaria de saber o que terei de modificar/ alterar para conseguir ter acesso as paginas pelo URL escrito. Espero conseguir-me ter feito entender. Obrigado

Boas, O portal das finanças alterou a forma de emitir os recibos verdes e agora é através de um formulário em angular. No formato anterior, formulário HTML, utilizava uma base de dados em mysql para os clientes e serviços e "postava" via PHP directamente para a página da A.T e o recibo "autopreenchia-se" mas agora com o Angular já não funciona. Já tentei enviar os valores via JSON mas também não aceita. Alguém sabe uma técnica para enviar dados externos para angular ?

Boas! Eu fiz um site com ASP.NET e com angular.js e no meu pc funciona bem. Quando passo para o servidor deixa de funcionar. Eu penso que o problema está algures nas rotas do angular. angular.min.js:103GET http://XPTO/App/Auth/Views/Login.html 404 (Not Found)(anonymous function) @ angular.min.js:103n @ angular.min.js:98g @ angular.min.js:95(anonymous function) @ angular.min.js:130$eval @ angular.min.js:145$digest @ angular.min.js:142$apply @ angular.min.js:145(anonymous function) @ angular.min.js:20invoke @ angular.min.js:41c @ angular.min.js:20Bc @ angular.min.js:21ge @ angular.min.js:19(anonymous function) @ angular.min.js:315fire @ jquery-1.10.2.js:3062fireWith @ jquery-1.10.2.js:3174ready @ jquery-1.10.2.js:447completed @ jquery-1.10.2.js:118 angular.min.js:117Error: [$compile:tpload] http://errors.angularjs.org/1.5.7/$compile/tpload?p0=%2FApp%2FAuth%2FViews%2FLogin.html&p1=404&p2=Not%20Found at Error (native) at http://XPTO/BackofficeOrders/Scripts/angular/angular.min.js:6:412 at http://XPTO/BackofficeOrders/Scripts/angular/angular.min.js:156:281 at http://XPTO/BackofficeOrders/Scripts/angular/angular.min.js:130:409 at m.$eval (http://XPTO/BackofficeOrders/Scripts/angular/angular.min.js:145:107) at m.$digest (http://XPTO/BackofficeOrders/Scripts/angular/angular.min.js:142:173) at m.$apply (http://XPTO/BackofficeOrders/Scripts/angular/angular.min.js:145:401) at l (http://XPTO/BackofficeOrders/Scripts/angular/angular.min.js:97:250) at K (http://XPTO/BackofficeOrders/Scripts/angular/angular.min.js:101:373) at XMLHttpRequest.y.onload (http://XPTO/BackofficeOrders/Scripts/angular/angular.min.js:102:397) O link da view Login devia ser XPTO/Backoffice/App/Auth/Views/Login.html. "use strict"; var authApp = angular.module("AuthApp", ["ngRoute", "ngStorage"]); authApp.config(["$routeProvider", "$locationProvider", function ($routeProvider, $locationProvider) { $routeProvider.when("/Login", { templateUrl: "/App/Auth/Views/Login.html" , controller: "AuthController" }); $routeProvider.otherwise("/Login"); // use the HTML5 History API $locationProvider.html5Mode(true); }]);

Boas! Eu estou a fazer uma plataforma web e estou a usar Asp MVC, WebAPI e angularjs. A minha plataforma esta "partida" em vários SPA, uso uma estrutura semelhante à deste video https://www.youtube.com/embed/f67PFtrldGQ?feature=oembed .A minha duvida está como devo proceder no que toca à autenticação/autorização, se devo usar uma abordagem baseada em tokens quer para o MVC e para WebAPI, ou, se uso cookies para o MVC e token para WebAPI.

Boas! Eu a fazer um pequeno exercício com angular e ASP.NET MVC, estou a tentar aplicar o principio deste video https://www.youtube.com/embed/f67PFtrldGQ?feature=oembed Eu tenho este controller. public class CustomerController : Controller { // GET: Customer public ActionResult Index() { return View(); } } Estas são as rotas que defini com angular. var customerApp = angular.module("CustomerApp", ["ngRoute"]); customerApp.config(['$routeProvider', '$locationProvider', function ($routeProvider, $locationProvider) { $routeProvider. when('/Customer', { templateUrl: '/App/Customer/Views/CustomersList.html' }). when('/Customer/:id', { templateUrl: '/App/Customer/Views/CustomersDetails.html' }). otherwise({ redirectTo: '/Customer' }); $locationProvider.html5Mode(true); }]); View principal <!DOCTYPE html> <html ng-app="CustomerApp"> <head> <meta name="viewport" content="width=device-width" /> <title></title> <base href="/" /> </head> <body> <h1>Customer</h1> <div ng-view></div> <script src="~/Scripts/angular.js" type="text/javascript"></script> <script src="~/Scripts/angular-route.js" type="text/javascript"></script> <script src="~/App/Customer/CustomerApp.js" type="text/javascript"></script> </body> </html> Lista de Clientes Eu clico neste link e funciona. <h2>Lista</h2> <a href="/Customer/1">Customer 1</a> Mas quando eu estou na view /Customer/1 se fizer F5, como esta rota não está definida do lado do servidor dá erro. Existe alguma maneira contornar este problema, sem ter de adicionar um novo método ao CustomerController ?

Boas! Eu quero fazer um pedido a uma Web API, mas não estou a conseguir. O pedido chega a Web API mas não retorna os dados. Se eu escrever o endereço diretamente no browser retorna dados, se for pelo javascript dá erro. public class ClientController : ApiController { // GET: api/Client public IEnumerable<string> Get() { return new string[] {"Teste1","Teste2"}; } .... (function () { var app = angular.module("mainApp", []).controller("ClientController", function ($scope, $http) { $scope.Clients = ["Ricardo","Maria"]; $http({ method: 'GET', url: 'http://localhost:60525/api/Client/' }).then(function successCallback(response) { // this callback will be called asynchronously // when the response is available $scope.Clients = response.data; }, function errorCallback(response) { // called asynchronously if an error occurs // or server returns response with an error status. alert("Erro: " + response); }); $scope.Title = "Titulo"; }); })();

Boas pessoal sou novo por aqui e estou a começar a explorar angularJS ... estou a tentar usar ngRoute para os links das paginas mas não estou a conseguir tenho o ficheiro de js desta forma : var myApp = angular.module('webApp', ['ui.bootstrap']); myApp.controller('AccordionDemoCtrl', function ($scope) { $scope.oneAtATime = true; $scope.groups = [ { title: 'Dynamic Group Header - 1', content: 'Dynamic Group Body - 1' }, { title: 'Dynamic Group Header - 2', content: 'Dynamic Group Body - 2' } ]; $scope.items = ['Item 1', 'Item 2', 'Item 3']; $scope.addItem = function() { var newItemNo = $scope.items.length + 1; $scope.items.push('Item ' + newItemNo); }; $scope.status = { isFirstOpen: true, isFirstDisabled: false }; }); Ora isto é um menu que esta a funcionar.... depois andei a pesquisar e encontrei um exemplo para fazer o sistema de links entre paginas só que não sei como juntar isto sempre que junto o código deixa tudo de funcionar .... angular.module('webApp', ['ngRoute']). config(function ($routeProvider) { $routeProvider. when('/about', {templateUrl: 'partials/about.html', controller: 'AboutCtrl'}). when('/experiments', {templateUrl: 'partials/experiments.html', controller: 'ExperimentsCtrl'}). when('/home', {templateUrl: 'partials/home.html', controller: 'HomeCtrl'}). otherwise({redirectTo: '/home'}); }) .controller('AboutCtrl', function ($scope, StateService) { alert("teste"); $scope.title = 'About Page'; $scope.body = 'This is the about page body'; $scope.message = StateService.getMessage(); $scope.updateMessage = function (m) { StateService.setMessage(m); }; }) .controller('ExperimentsCtrl', function ($scope, StateService, ExperimentsService) { $scope.title = 'Experiments Page'; $scope.body = 'This is the about experiments body'; $scope.message = StateService.getMessage(); $scope.experiments = ExperimentsService.getExperiments(); $scope.updateMessage = function (m) { StateService.setMessage(m); }; }) .controller('HomeCtrl', function ($scope, StateService) { $scope.title = 'Home Page'; $scope.body = 'This is the about home body'; $scope.message = StateService.getMessage(); $scope.updateMessage = function (m) { StateService.setMessage(m); }; }) .factory('StateService', function () { var message = 'Hello Message'; var getMessage = function () { return message; }; var setMessage = function (m) { message = m; }; return { getMessage: getMessage, setMessage: setMessage } }) .service('ExperimentsService', function () { var service = this, experiments = [ {name: 'Experiment 1', description: 'This is an experiment', completed:0}, {name: 'Experiment 2', description: 'This is an experiment', completed:0}, {name: 'Experiment 3', description: 'This is an experiment', completed:0}, {name: 'Experiment 4', description: 'This is an experiment', completed:0} ]; service.getExperiments = function() { return experiments; }; }) .directive('experiment', function(){ var linker = function (scope, element, attrs) { element.on('click', function(){ scope.doExperiment(); }) }; var controller = function($scope){ $scope.doExperiment = function() { $scope.$apply(function(){ $scope.experiment.completed++; }); }; }; return { scope: true, restrict: 'E', template: '<div class="experiment">' + '<h3>{{experiment.name}}</h3>' + '<p>{{experiment.description}}</p>' + '<p><strong>{{experiment.completed}}</strong></p>' + '</div>', link: linker, controller: controller } }); Alguém pode ajudar a colocar isto junto a que funcione ? Se estiver a perguntar alguma barbaridade não me levem a mal estou mesmo a começar nisto. Desde já obrigado

Foi criado um novo grupo AngularJS Portugal para quem está interessado em partilhar informação e ficar a conhecer melhor o AngularJS. Se estiveres curioso, visita-nos e inscreve-te. Em breve marcaremos o nosso primeiro encontro com apresentações.

Boas! Na minha aplicação, queria por a opção de selecionar os filmes por genero. Selecciono o genero acção e será mostrado a lista dos filmes de accção...o que eu quero fazer é algo como isto: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml" ng-app="angularjs-starter"> <head> <title></title> <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.0.3/angular.min.js"></script> <link href="style.css" rel="stylesheet" /> <script src="app.js"></script> </head> <body ng-controller="MainCtrl"> <select ng-model="selectedCategory" ng-options="c.name for c in categories"> <option value="">-- Select a Category --</option> </select> <h2>Found Movies</h2> <div ng-repeat="movie in movies|filter:filterByCategory"> <span>{{movie.name}}</span> - <span>{{movie.category}}</span> </div> </body> </html> Só que ai os dados estão locais e os meus não, tenho que fazer um get... Só que não estou a conseguir fazer isso: O código que estou a tentar para fazer é este: <!doctype html> <html ng-app="Django"> <head> <script src="http://code.angularjs.org/1.0.5/angular.js%22></script> <script src="http://code.angularjs.org/1.0.5/angular-resource.js%22></script> <script src="http://code.angularjs.org/1.0.5/angular-resource.min.js%22></script> <script src="http://code.angularjs.org/1.0.5/angular.min.js%22></script> <script src="./Django.js"></script> </head> <body> <div ng-controller="DjangoCtrl"> <select ng-model="selectedCategory" ng-options="c.name for c in categories"> <option value="">-- Select a Category --</option> </select> <h2>Found Movies</h2> <div ng-repeat="movie in movies.objects|filter:filterByCategory"> <span>{{movie.MovieTitle}}</span> - <span>{{movie.MovieGenre}}</span> </div> </div> </body> </html> Alguém me pode ajudar a perceber o que estou a fazer mal? Cumprimentos

Boas! Estou a fazer uma aplicação em angularjs que comunica com uma api rest json. E queria implementar agora um upload de fotos...mas não sei muito bem como enviar a imagem por json, sei que posso utilizar o Base64 ou o multipart/form-data Estou a tentar este código, mas ele não me envia nada, alguém me pode ajudar? var myApp = angular.module('myApp',['ngResource']); function MyCtrl($scope, $resource) { $scope.movies = $resource('/test/api/v1/Movie/:id/', {}, { 'get': {method:'GET', params: {id: '@id'} }, 'update': {method:'PUT', params:{id: '@id'}}, 'save': {method:'POST', params: {}, 'query': {method:'GET', }}, 'remove': {method:'DELETE', params:{id: '@id'}}, 'delete': {method:'DELETE'} }); $scope.saveUpload = function(modelInstance) { var files = document.getElementById('img').files[0]; console.log(files); $scope.movies.save({MovieCover: files, params:modelInstance, headers: {'Content-Type': 'multipart/form-data'} }) } }

O meu problema é o seguinte: Tenho uma aplicação em AngularJS e uma aplicação em Django que interagem entre elas... Mas agora precisava de enviar uma imagem/ficheiro do angular para uma view no Django para depois ser tratada, e ser inserida numa pasta ou na bd. A questão é que não estou a ver como consigo fazer isso... Alguém me pode dar uma ajuda, de como poderei fazer isso? Neste momento, tenho as aplicações a comunicarem por uma api rest, mas agora o upload não pode ser feito pelo rest. Obrigado

Bom dia. Estou a tentar implementar o AngularJS juntamente com o Django? É que ambos utilizam "{{}}", por isso tenho que mudar ou no Angular ou no Django...mas não estou a conseguir... Alguém sabe como posso fazer? Cumprimentos

Bom dia. Comecei agora a estudar a framework AngularJS de Javascript... Estou a utilizar o eclipse como IDE, e gostava de saber se é preciso instalar algum plugin para utilizar o Angular no Eclipse? Ou como faço para utilizar o AngularJS? É preciso fazer o download do AngularJS e depois? Aguardo resposta. Obrigado Cumprimentos Hélio

Estou a usar AngularJS num projecto meu, e queria experimentar a criação de directives. Já segui vários tutoriais, e não consigo ver onde estou a errar. Isto pois ele não dá erro nenhum, mas também não me executa a função da directive. Para já, tenho +/- este código: angular.module('components', []).directive('ngxOnshow', function() { return { restrict: 'A', link: function(scope, element, attrs){ console.log("hello world") //Resto do código da função } }; }); var module = angular.module('app', ['components']); E na página HTML tenho isto no body: <body ng-autobind ng-app="app"> Mas quando uso a directive, não funciona: <div ng-show="showApp == true" ngx-onshow="showAppBar()"> </div> Todo o resto da aplicação funciona bem, os bindings do AngularJS, tudo. Mas a directive criadas por mim não funcionam. Será que me estou a esquecer de alguma coisa? Cumprimentos, Scorch