Ionic framework not loading ng-model variable

Question

I'm building an Ionic app and I have an issue reading the value of a ng-model.

HTML:

<select id="objetivos"  
        class="form-control col-xs-12 col-sm-12 col-lg-12" 
        ng-model="objetivosSelec" 
        ng-options="objetivo.value for objetivo in objetivos | filter: filtroServicio | orderBy: 'value' | unique: 'value'" 
        ng-change="">
    <option value=""></option>
</select>

Controller:

.controller('TecnicasCtrl', function($scope, Tecnicas, Servicios,Objetivos,Indicaciones,Contraindicaciones) {
    ...  
    $scope.limpiarFiltro = function() {
        alert($scope.objetivosSelec);
    }  
    ...
})

I just want to show on an alert the selected value of the select but nothing is displayed. If I add .val() then a JavaScript error is arised:

*Error: $scope.objetivosSelec is undefined*

I'm reading the Angular and Ionic doc and everything seems ok.

Has anyone an idea of what I'm doing wrong?

Daniel Garcia Jones · Accepted Answer · 2014-09-10 17:14:03Z

6

I finally got it!!

HTML:

ng-model="$parent.servicioSelec"

I needed to use $parent in my ng-model items to read them from the controller.

This link was very useful to solve this:

https://github.com/angular/angular.js/wiki/Understanding-Scopes

answered Sep 10, 2014 at 17:14

Daniel Garcia Jones

811 silver badge4 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Chamindu · Accepted Answer · 2014-11-10 07:19:38Z

0

The recommended method is to always use an object as the model and not a single value. This error happens because angular creates nested scopes for the child directives in you view and the way prototypal inheritance works. Please refer http://jimhoskins.com/2012/12/14/nested-scopes-in-angularjs.html

answered Nov 10, 2014 at 7:19

Chamindu

7161 gold badge5 silver badges13 bronze badges

Collectives™ on Stack Overflow

Ionic framework not loading ng-model variable

2 Answers 2

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Related