quarta-feira, 2 de dezembro de 2015

ionic | Como alterar um campo input com um botão?

Uma forma simples de alterar um campo input com um botão:

<div ng-app="app" ng-controller="MainCtrl">
    <input name="widget.title" ng-model="widget.title">
    <button ng-click="set('fooooo')">set to foo</button>
</div>



angular.module('app', [])
    .controller('MainCtrl', function($scope) {
        $scope.widget = {title: 'abc'};
       
        $scope.set = function(new_title) {
            this.widget.title = new_title;
        }
    });



Fonte e exemplo:

ionic | Duas colunas no ionic

Um exemplo de como ter duas colunas numa mesma vista. Neste exemplo conseguem scroll independente da coluna e adapta-se ao tamanho do ecran.

http://codepen.io/brandyshea/pen/eNdyKN

terça-feira, 1 de dezembro de 2015

ionic | Passar um valor do .state para o controller


#State

    .state('app.detalhes', {
        url: '/detalhesDoc/:itemId',
        cache: false,
        views: {
          'menuContent': {
            templateUrl: 'templates/detalhesDoc.html',
            controller: 'detalhesDocCtrl',

             resolve: {
               valor: function () {
                 return 'Valor para passar';
               }
             }

          }
        }
      })

# Controller
.controller('detalhesDocCtrl', function($scope, $state, $cordovaSQLite, $stateParams, username) {


    $scope.valor = valor;
    alert($scope.valor); //Mostra o valor
    alert($stateParams.itemId); //Mostra o itemId



    })