javascript - Ionic 框架未加载 ng-model 变量

Question

我正在构建一个 Ionic 应用程序，但在读取 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);
    }  
    ...
})

我只想在警报上显示选择的选定值，但没有显示任何内容。如果我添加 .val() 则会出现 JavaScript 错误:

*Error: $scope.objetivosSelec is undefined*

我正在阅读 Angular 和 Ionic 文档，一切似乎都很好。

有人知道我做错了什么吗？

Answer 1

我终于明白了!!

HTML:

ng-model="$parent.servicioSelec" 

我需要在我的 ng-model 项目中使用 $parent 来从 Controller 读取它们。

此链接对于解决此问题非常有用:

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