Ionic Framework: $ scope é indefinido em alerta simples

.controller('newGoalCtrl', function($scope, $ionicPopup) { $scope.addNewGoal = function() { alert($scope.goaltitle); }; });   

Add New Goal

Esse é o meu código … não sei como explicar mas sempre digo indefinido quando eu digito algo na checkbox de texto …

mas $ scope.goaltitle = “alguma coisa” está trabalhando no .controller (); …

Resposta curta

A causa deste problema é que o ion-content cria um escopo filho herdado de forma prototípica, por isso o goaltitle (tipo primitivo) do escopo do controlador é diferente do goaltitle você está usando no ng-model

O ideal é praticar seguir a dot rule ao definir o modelo de visualização. Assim, essa regra de inheritance prototypal será seguida pela hierarquia de escopo.

Você deve definir o object e então atribuir toda a propriedade ng-model nele.

Controlador

 .controller('newGoalCtrl', function($scope, $ionicPopup) { $scope.model = {}; $scope.addNewGoal = function() { alert($scope.model.goaltitle); }; }); 

Então tenha goalTitle , Goal , etc. propriedade nele.

Marcação

  

Eu não quero rewrite toda a explicação novamente, então aqui estou referenciando uma resposta semelhante , onde eu cobri todas as informações detalhadas.

Para o html

  

JS:

 $scope.foo = {{ goaltitle : '' }}