Dar formato a fecha AngularJS

publicado por: Anonymous Estoy sacando de un API varios datos de una persona y necesito dar formato a una fecha. Al hacer la llamada al API para sacar la fecha vm.preconcedido.datosPersona.datosPersonales.fechaNacimiento Me aparece la fecha tal que así 1961-05-29T00:00:00.000+0100 He intentado dar el formato con el .format(DD/mm/AAAA); y no me formatea correctamente la fecha. ¿Cómo…(Continue Reading)

OnsenUI2.0で、タブ表示(ons-tabbar)した時のAngularJSのコントローラのふるまいについて

投稿者: Anonymous OnsenUIを1系から2.0への移行を検討しています。 angularJSは1.5を使用しています。 下記のons-tabで設定している各ページにコントローラを適用しています。 OnsenUI 1系では、それぞれのタブに割り当てられたページを開くと、それに対応するコントローラのJavascriptが実行されていましたが、 OnsenUI 2.0では、最初のページを開くと、すべてのページのコントローラのJavascriptが実行されているように思われます。(開いていないタブのページのコントローラも実行される) OnsenUI 2.0でも、各タブを開いたときに、該当するコントローラのJavascriptが実行されるようにしたいのですが、できずに困っています。 解決する方法がありますでしょうか? よろしくお願いいたします。 <ons-tabbar> <ons-tab page=”home.html” active=”true”>HOME</ons-tab> <ons-tab page=”fav.html”>FAV</ons-tab> <ons-tab page=”settings.html”>SETTINGS</ons-tab> </ons-tabbar> 解決 ons-tabのpage属性に記述せずに、ons-tabbarのloadPage()メソッドを使用してページを読み込ませることで、似たような動作をさせることができます。 ※下記コードは、monacaの環境で確認した内容です。 <!DOCTYPE HTML> <html> <head> <meta charset=”utf-8″> <meta name=”viewport” content=”width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no”> <meta http-equiv=”Content-Security-Policy” content=”default-src * data:; style-src * ‘unsafe-inline’; script-src * ‘unsafe-inline’ ‘unsafe-eval'”> <script src=”components/loader.js”></script> <link rel=”stylesheet” href=”components/loader.css”> <link…(Continue Reading)

AngularJSでng-repeat時に、ng-clickしたらhideされている要素を表示したい

投稿者: Anonymous Angularjs1.3.0 下記のようなlist配列をループで回した際に、div要素をng-clickすることで 元々非表示になっているspan要素を表示させたいと考えています。 またクリックされた要素自体はng-hideにより非表示にします。 本家のstackoverflowに参考になりそうなコードがあったので組み込んでみましたが、そちらは表示されているものを非表示にするといった処理のため希望と異なっていました。 下記のコードを実行すると、クリックされたdiv自体は非表示になるのですが、非表示状態のspanは表示されません。 どのようにしたらよいでしょうか? <div ng-repeat=”(index, value) in list”> <div ng-hide=”showDetails” ng-click=”showDetails = ! showDetails”>タップすると消えます</div> <span ng-hide=”true” ng-show=”!showDetails”>非表示TEST index:{{$index}}</span> </div> 提示いただいたコードで無事目的の結果が出ました。 ありがとうございました。 なお、1つ気になった点ですが、こちらに投稿するためにシンプルなコードを載せたのですが、本来の開発中のコードは下記のようにng-ifディレクティブを使って条件によってDOMの存在自体を制御していたのですが、この場合だとdiv要素が消えたときにspan要素が表示されないです。 _x000D_ _x000D_ var app=angular.module(“app”,[]);_x000D_ app.controller(“AppCtrl”, function($scope){_x000D_ $scope.list = [1,2,3,4];_x000D_ $scope.view_flag = true;_x000D_ }); _x000D_ <script src=”https://ajax.googleapis.com/ajax/libs/angularjs/1.3.13/angular.min.js”></script>_x000D_ <div ng-app=”app” ng-controller=”AppCtrl”>_x000D_ <div ng-repeat=”(index, value) in list”>_x000D_ <div ng-if=”view_flag” ng-hide=”showDetails”…(Continue Reading)

Como puedo quitar el hash de la url en angularjs

publicado por: Anonymous Estoy en un proyecto que usa mvc 4 y angular. Tengo un problema con angular: Estoy en la pantalla de login y luego de loguearme quiero utilizar $location.url(‘/Home/Index’); para redireccionar a la pagina principal del sistema pero no me funciona. En el navegador me manda a esta ruta: http://localhost:9771/#/Home/Index Cuando la correcta…(Continue Reading)

OnsenUiの確認ダイアログ内の処理が即時反映されない

投稿者: Anonymous いつもお世話になっております。開発環境Monacaです。Monaca公式ガイドブックのサンプルアプリに、追加機能としてOnsenUiの確認ダイアログを実装したものの、その処理内容が画面に即時反映されません。 ●対象サンプルアプリ Monaca公式ガイドブック10-2「バーコードスキャナーアプリ」 https://ja.monaca.io/book/zip/10-2.zip ●追加した機能 スキャンした履歴をクリアする際に、確認ダイアログを開くようにする。 ●問題点 リストを全てクリアする確認のダイアログで「OK」を押しても、画面上で変化しない(リストが表示されたまま)。タブで画面を一度切り替えるとクリア後の画面になっている。 →クリアボタンをおしたら、すぐにリストが消えるようにしたいです。 アドバイスを頂ければ幸いです。 【追加(変更)ソース部分】 $scope.clearHistory = function() {   ons.notification.confirm({  message: ‘全てのデータを削除しますか?’,  title: ‘確認’,  buttonLabels: [‘Cancel’, ‘OK’],  primaryButtonIndex: 1,  cancelable: true,  callback: function(index) { if(index == 1){ //OKクリック時 $scope.history = []; $scope.saveHistory();//!!この処理が即時反映されません!! } } }); }; 解決 $scope.$apply()を実行して更新してください。 //OKクリック時 $scope.history = []; $scope.$apply(); $scope.saveHistory(); 回答者: Anonymous

Abrir nueva tab con AngularJs

publicado por: Anonymous Estoy tratando de visualizar un PDF que me devuelve una API. El código con el cuál funcionaba hasta ahora es este: $http.get(urlApi,{responseType:’arraybuffer’}) .success(function(data) { var file = new Blob([data], {type: ‘application/pdf’}); var fileURL = URL.createObjectURL(file); window.open(fileURL); }); Hasta ahora funcionaba correctamente, pero desde hace un par de días al abrirse la nueva…(Continue Reading)

Problemas con la resolución de rutas en AngularJS

publicado por: Anonymous Estoy aprendiendo angularjs y tengo algunos problemas para comprender el funcionamiento de las rutas. Esta app pide, en un pequeño formulario, un nombre y un apellido y llama a una vista con estos datos al oprimir un botón; esta nueva vista muestra los datos recibidos en la página. En el archivo app.js…(Continue Reading)

Comparar 2 objetos

publicado por: Anonymous En mi app.js var variable = {tipo: 2, variables: [20, 35, 50] }; $scope.test = variable; $scope.test2 = angular.copy(variable); En mi index.html <input type=”number” ng-model=”test.tipo” /> <input type=”number” ng-model=”test2.tipo” /> <div ng-repeat=”var in variables”> <input type=”number” ng-model=”test.variables[$index]” /> <input type=”number” ng-model=”test2.variables[$index]” /> </div> <textarea ng-required=””></texarea> ¿Cómo puedo hacer para que el textarea…(Continue Reading)

Manejo de errores en Angular

publicado por: Anonymous Tengo este código para un token, generado con JWT, luego lo retorno a la aplicación si el usuario accedió correctamente. var token = $localStorage.token; var base64Url = token.split(‘.’)[1]; var base64 = base64Url.replace(‘-‘, ‘+’).replace(‘_’, ‘/’); var tokenObj = JSON.parse(atob(base64)); luego valido que el token tenga el siguiente claim webUserId if(tokenObj.webUserId){…} Si reemplazo el…(Continue Reading)

ng-file-uploadを使用した画像のアップロードについて

投稿者: Anonymous JavaScriptベースのフロントエンドアプリケーションとして AnuglarJS を使用して サーバ側のデータを操作する為にバックエンドAPIを Rails で構築しているのですが、 ng-file-uploadを採用した画像のアップロードが上手く出来なくて困っています。 Shop(1) <-> Item(n) 1件のShopに複数のItemが紐付いている状態で、Shopのedit画面で画像のアップロードを実装しています。 itemリストのループの中でそれぞれのitemに画像を登録させたいですが、ループの中では適切にアップロードができません。 (厳密にはcontrollerの $scope.upload = (files) -> が呼び出されません。。) また、現状ではそれぞれのitemごとに画像を設定することができなくて詰まっています。。 APIを通してDBには正しく格納できているのでページをリロードすればきちんと表示されるのですが、 img ngf-src=”files[0]” ngf-default-src=”” ngf-accept=”‘image/*’” がすべてのinputに対して共通のために、関係のないitemのimgが上書きされていしまいます。 一度に複数の画像アップロードや画像以外のアップロードは求めていなく、 いたってシンプルなものをつくろうとしているのですがなかなか上手くいきません… どうかご教授いただけますと嬉しいです。 application.js //= require angular.min //= require angular-resource.min //= require ng-file-upload.min //= require ng-file-upload-shim.min //= require app //= require_tree . controller.coffee angular.module(‘kapiyva’).controller “ArticleEditController”, ($scope, Upload, Shop,…(Continue Reading)

Mostrar Input segun lo seleccionado en un Select

publicado por: Anonymous Estoy intentando mostrar/ocultar un input según lo que se ha seleccionado en un Select pero no lo consigo HTML <section class=”row nm”> <div class=”column g-12 nbp denunciaMsg”> <mm-msg description=”{{apResumenHogar.msgText}}” type=”info” title=””> </div> <div> <div class=”column g-6 fg twoFieldRow”> <select ng-class=”{‘likePlaceholder’: !resumenVidaCtrl.comboVal}” ng-model=”resumenVidaCtrl.comboVal” style=”width: 80%;”> <option value=”{{item.codigo}}” ng-repeat=”item in resumenVidaCtrl.masterTipoBeneficiario”>{{item.descripcion}}</option> </select> </div> <div…(Continue Reading)

¿Como agregar y eliminar marcador de google-maps en javascript?

publicado por: Anonymous ¿como agregar un marcador en google-maps y eliminar al mantener seleccionado por 5 segundos.? function genera_marcador(lat, lng) { var marcador = new google.maps.Marker({ position: new google.maps.LatLng(lat, lng), draggable: true, map: map, animation: google.maps.Animation.DROP }); }; solución Google maps no tiene un almacén global de los features que dibujas en el mapa. Queda…(Continue Reading)

$scope を別名に変更すると動作しないのはなぜですか?

投稿者: Anonymous はじめまして。 AngularJSを試してみようと思い、WEB上のサンプルを見ながら 以下のようなコーディングを行い、動作を確認しました。(HTML側ソースは割愛します) var app = angular.module(‘myApp’,[]); app.controller(‘myController’,function($scope){ $scope.msg = ‘Hello’; } ); controllerメソッドの第2引数「function($scope)」の部分を、「function($o)」に 変更したところこのFunction自体が実行されなくなりました。 var app = angular.module(‘myApp’,[]); app.controller(‘myController’,function($o){ $o.msg = ‘Hello’; } ); 私としては、このFuncionを呼び出す側(=AngularJS)からすれば引数の名前が何であっても 無関係であるという認識でいるのですが・・・。 $scopeを別名にすると動かなくなるのはなぜでしょうか? よろしくお願いいたします。 解決 AngularJSの依存性注入を利用するには?から引用しますが、 AngularJSでは、引数の名前でもって依存するオブジェクト*2を表す、という決まりがあります。よって、この例であれば、引数として$scopeを指定することで、AngularJSがあらかじめ用意していた$scopeサービス(=スコープオブジェクト)をコントローラーに引き渡しているわけです。 ということです。 下記のように配列を利用すれば、今回のように$scopeを$oとして使用できます。 var app = angular.module(“myApp”, []); app.controller(“myController”, [“$scope”, function($o) { $o.msg = “Hello”; }]); 回答者: Anonymous

angularJsのコントローラに値を追加したい

投稿者: Anonymous AngularJSのループとフィルターを使って、テーブルを出力しています。 そのテーブルに表示後から値を追加したいのですが、どのように追加すればいいかわかりません。 <!DOCTYPE html> <html lang=”en” ng-app=”app”> <head> <meta charset=”UTF-8″> <script src=”https://ajax.googleapis.com/ajax/libs/angularjs/1.4.4/angular.min.js”></script> <script src=”http://code.jquery.com/jquery.js”></script> <script> var app = angular.module(‘app’, []) app.controller(‘myController’, function() { this.members = [ { name: ‘Toyota’, score:20298 }, { name: ‘Honda’, score:20302 }, { name: ‘Suzuki’, score:20303 } ]; }); </script> <script> $(function(){ $(‘#button_id’).click(function(){ $(‘#table_id tr:last’).after(‘<tr><td>masao</td><td>00009</td></tr>’); }); }); </script> </head>…(Continue Reading)

ng-repeat で生成されたDom?のvalue値を ng-repeat スコープ外で使う方法

投稿者: Anonymous ネットで調べたものの、ng-repeat で生成されたDom?のvalue値を ng-repeat スコープ外で使う方法が見つからず。まず根本的に出来るのかもわからず困っています。 sampleAJS.html <ons-list class=”list”> <ons-list-item ng-repeat=”product in history track by $index” class=”list__item”> <select class=”num” ng-model=”countNumber” ng-options=”c.value as c.name for c in countList”></select> //このローカルスコープ内で動的に変更した value 値を元に計算しGlobalに代入したい </ons-list-item> </ons-list> sampleAJS.js $scope.countList = [ {“value” : 1, “name” : “1”}, {“value” : 2, “name” : “2”}, {“value” : 3, “name” : “3”}, {“value”…(Continue Reading)

¿Cómo generar PDF que mantenga los estilos de Bootstrap?

publicado por: Anonymous ¿Cómo puedo generar un pdf con estilos de bootstrap? solución Sí puedes generar un PDF en el cliente. Dependiendo qué tantas cosas tenga ese PDF que desees exportar, te recomiendo revisar la libreria jsPDF en el siguiente enlace: https://github.com/MrRio/jsPDF var doc = new jsPDF(); doc.text(20, 20, ‘Hello world.’); doc.save(‘Test.pdf’); Respondido por: Anonymous

AngularJSで1画面に複数のスクロールをいれられますか

投稿者: Anonymous AngularJSでルーティングはui routerを使用してダッシュボードのようなものを作成しています。そこで質問なのですが、1画面に複数のスクロール可能なリストを入れることはできるのでしょうか。例えば左のリストをクリックしたら、右のViewにあるリストの内容が変化するような実装をしたいです。可能であればやり方を教えて下さい。よろしくお願いします。 解決 1画面に複数のスクロール可能なリストを入れることはできるのでしょうか。 これを実現できるかはCSSの書き方に依存します。Angular であるかどうかは関係ありません。 以下のサンプルの overflow-y: auto; に着目してください。これが指定された要素の中身の高さが height: 250px; よりも大きい場合、自動でスクロールできるようになります。同じような要素が2つあることで、それぞれ独立してスクロールできる要素を複数1画面に収めることができます。 要素をスクロール可能にするには、overflow を指定した上で、その高さが中身に依存しない=中身のほうが大きくなることが重要です。この例では display: inline-block (もしくは display: block も使える) に加えて、height を指定することで実現していますが、他にも方法は考えられます。まずは一例として参考まで。 _x000D_ _x000D_ .container {_x000D_ overflow-x: hidden;_x000D_ overflow-y: auto;_x000D_ _x000D_ display: inline-block;_x000D_ width: 170px;_x000D_ height: 250px;_x000D_ _x000D_ border: solid 1px red;_x000D_ }_x000D_ _x000D_ .left {_x000D_ margin-left: 25px;_x000D_ margin-top: 25px;_x000D_ }_x000D_ _x000D_…(Continue Reading)

Controlar Checkbox en angularJS

publicado por: Anonymous Tengo un checkbox y quiero controlar su acción desde el controlador cuando sea false o true. aquí les dejo el Html: <md-checkbox ng-model=”checkstate” aria-label=”Checkbox 1″ ng-true-value=”‘prioritario'” ng-false-value=”‘Normal'”> {{checknull}} </md-checkbox> “El fín es que el controlador sea quien controle la acción.” Al logearme recibo un JSON : id_servicio:”38,39″ , los separo con un…(Continue Reading)

javascript(AngularJS)で配列の最後にpushができずに困っています

投稿者: Anonymous 質問させてください。タイトルの通りです。 1個のshopに10個のlistが紐づいている構造の配列で shop { id: “1”, name: “shop1”, lists: “Array[9]” } shop.lists[0~9] { list_id: “1”, list_name: “list1” } に対して .push(もしくはもっといい方法があれば教えてください)で shopに紐づくそれぞれのshop.listsの最後に、addvalue値を追加しようとしています。 以下のようなイメージです。 shop.lists[0] { list_id: “1”, list_name: “list1”, addvalue: “1” } shop.lists[1] { list_id: “2”, list_name: “list1”, addvalue: “2” } shop.lists[2] { list_id: “3”, list_name: “list1”, addvalue: “3” }    .    .    . shop.lists[9]…(Continue Reading)

¿Como dar formato al Filtro Currency en Angular.js?

publicado por: Anonymous Estoy usando el filtro de currency en angular.js para la visualización del precio de un producto,el codigo y el resultado que me da es el siguiente: {{ item.precio | currency }} resultado: $15,000.00 ¿Cómo puedo darle formato al filtro currency para eliminar los centavos? solución Basta con poner : {{ item.precio |…(Continue Reading)

Recorrer Objeto JSON

publicado por: Anonymous Tengo este json: var json = { “0”:{ “check”:true, “OBJECT_ID”:{ “check”:false, “name”:”OBJECT_ID”, }, “nameTable”:”TEST1″, “EVENT_NAME_MANAGE”:{ “check”:false, “name”:”EVENT_NAME_MANAGE”, }} “1”:{ “check”:true, “OBJECT_ID”:{ “check”:false, “name”:”OBJECT_ID”, }, “nameTable”:”TEST1″, “EVENT_NAME_MANAGE”:{ “check”:false, “name”:”EVENT_NAME_MANAGE”, } } } Quisiera que si me llega 0 o 1, cambiar el valor de ObJECT_ID y EVENT_NAME a true He probado hacer este…(Continue Reading)

AngularJS selectタグのディレクティブで未選択状態が最上位にならない

投稿者: Anonymous セレクトタグのスタイルや簡易的なチェックを共通化するため、ディレクティブにしました。 このとき、未選択状態を項目に入れるため、HTMLにoptionを追加しましたが、 未選択状態が一番上に着てほしいのに、順番が入れ替わってしまいます。 template html <div> <select ng-model=”model” ng-options=”item as item[labelName] for item in array”> <option ng-if=”!!hasTop” value=””>選択してください</option> </select> </div> array は、$resource.query の戻り値です。 「選択してください」を絶えず先頭にするにはどうしたらよいでしょうか? 解決 英語サイトで回答もらいました。 optionタグにng-ifは使えないようです。 方法としては、 1. ngOptionsを自分で書き直す。 2. selectにng-ifもしくはng-switchを記述する。 3.ng-ifの変わりにng-showを使う。 があります。 ということでした。 情報共有のため記載しておきます。 回答者: Anonymous

¿Como agregar botones por cada registro, con angular-datatablejs?

publicado por: Anonymous Tengo la siguiente tabla que la lleno de esta manera <div class=”panel-body”> <script type=”text/javascript”> jQuery(document).ready(function($) { $(“#example-1”).DataTable({ “ajax”: { “url”: “http://162.222.100.163/proyecto/public/ws/usuarios”, “dataSrc”: “records” }, “columns”: [ { “data”: “id” }, { “data”: “nombre1” }, { “data”: “nombre2” }, { “data”: “apellido1” }, { “data”: “apellido2″ } ] }); }); </script> <table id=”example-1”…(Continue Reading)

Selects dependientes en 3 niveles en Angular JS

publicado por: Anonymous Estoy intentando realizar selects dependientes en 3 niveles, sin acceso a base de datos. ¿Cómo podría hacerlos en Angular JS? Ejemplo: Paises > Departamentos > Provincias solución Para esto debes hacer algo asi : Defines los 3 selectores <select name=”selectPais” id=”selectPais” ng-model=”data.defaultPais” ng-options=”pais.paisCodigo as pais.paisNombre for pais in paises track by pais.paisCodigo”…(Continue Reading)

Inyectar un service o factory en un controller en angular.js

publicado por: Anonymous estoy adentrándome en el mundo de angular, y tratando de inyectar un service o factory en un controller, pero me salen errores. Hago un llamado $http.post usando un controller var app; app = angular.module(‘AppUPC’,[]); app.controller(‘formulario’, [‘$scope’, ‘$http’, ‘$httpParamSerializer’, function ($scope, $http, $httpParamSerializer){ $scope.login = function(){ var datos; datos = { Usuario: $scope.usuariotxt,…(Continue Reading)

Iniciar variables con datos de un Input

publicado por: Anonymous Estoy desarrollando una App en Ionic… en un módulo estoy mostrando datos de la base de datos. Dichos datos traen un id, dicho id lo estoy colocando en un para después en mi controlador recuperar ese id, y hacer acciones sobre ese registro. El problema comienza aquí, en mi controlador declaré un…(Continue Reading)

Filtro usando múltiples valores de búsqueda

publicado por: Anonymous Tengo dos array de objetos que son alimentados por un mismo rest, uno alimenta un listado visual y el otro mantiene los datos originales traídos en la respuesta. Tengo un input de tipo text que se utiliza como buscador del listado por cualquier propiedad que contengan los objetos. _x000D_ _x000D_ var app…(Continue Reading)