Jump to content

Search the Community

Showing results for tags 'angular'.



More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • Bem-vindos ao Portugal-a-Programar
    • Sugestões, Críticas ou Dúvidas relativas ao P@P
    • Acerca do P@P
  • Comunidade a Trabalhar
    • Wiki P@P
    • Apresentação de Projectos de Programação
    • Downloads
  • Revista PROGRAMAR
    • Revista PROGRAMAR
  • Desenvolvimento Geral
    • C
    • C++
    • Java
    • Haskell
    • Pascal
    • Python
    • Bases de Dados
    • Visual Basic Clássico
    • Visual Basic for Applications (VBA)
    • Dispositivos Móveis
    • Outras Linguagens
  • Desenvolvimento Orientado para Web
    • PHP
    • HTML
    • CSS
    • Javascript
    • Outras Linguagens de WebDevelopment
    • Desenvolvimento Web
  • Desenvolvimento .NET
    • C#
    • Visual Basic .NET
    • ASP.NET
    • WPF & SilverLight
  • Software e Sistemas Operativos
    • Software de Produtividade
    • Sistemas Operativos
    • Apresentação de Software
  • Informática
    • Interfaces Visuais
    • Computação Gráfica
    • Algoritmia e Lógica
    • Segurança e Redes
    • Hardware
    • Electrónica
    • Automação Industrial
    • Matemática
    • Dúvidas e Discussão de Programação
    • Notícias de Tecnologia
  • Outras Áreas
    • Dúvidas Gerais
    • Discussão Geral
    • Eventos
    • Anúncios de Emprego
    • Tutoriais
    • Snippets / Armazém de Código
  • Arquivo Morto
    • Projectos Descontinuados
    • System Empires

Blogs

  • Blog dos Moderadores
  • Eventos
  • Notícias de Tecnologia
  • Blog do Staff
  • Revista PROGRAMAR
  • Projectos
  • Wiki

Categories

  • Revista PROGRAMAR
  • Tutoriais
  • Textos Académicos
  • Exercícios Académicos
    • Exercícios c/ Solução
    • Exercícios s/ Solução
  • Bibliotecas e Aplicações
  • Outros

Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Found 22 results

  1. 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.
  2. 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>
  3. leinad

    angular + bootstrap

    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?
  4. Flavio Nash

    Custom-url-scheme com ionic

    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 ?
  5. Flavio Nash

    Applink Android com Ionic

    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');
  6. Victor Araujo

    Angular x React

    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.
  7. 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
  8. 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
  9. BenQ

    Xampp URL bar with angular 2

    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
  10. 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 ?
  11. AJBM

    [Resolvido] Publish Web

    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); }]);
  12. 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.
  13. 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 ?
  14. 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"; }); })();
  15. zetoino

    angularjs e ngRoute

    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
  16. 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.
  17. Helio13

    AngularJS - Filtro

    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
  18. Helio13

    Upload de imagem via post JSON

    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'} }) } }
  19. Helio13

    Enviar file para view no django

    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
  20. Helio13

    [Resolvido] AngularJS + Django

    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
  21. Helio13

    [Resolvido] AngularJS

    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
  22. 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
×
×
  • Create New...

Important Information

By using this site you accept our Terms of Use and Privacy Policy. We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.