离子框架未加载 ng-model 变量答案

【问题标题】：Ionic framework not loading ng-model variable离子框架未加载 ng-model 变量
【发布时间】：2014-09-09 20:22:14
【问题描述】：

我正在构建一个 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('TecnicasCtrl', function($scope, Tecnicas, Servicios,Objetivos,Indicaciones,Contraindicaciones) {
    ...  
    $scope.limpiarFiltro = function() {
        alert($scope.objetivosSelec);
    }  
    ...
})

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

*Error: $scope.objetivosSelec is undefined*

我正在阅读 Angular 和 Ionic 文档，一切正常。

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

【问题讨论】：

标签： javascript angularjs frameworks angular-ngmodel

【解决方案1】：

我终于明白了！

HTML：

ng-model="$parent.servicioSelec"

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

这个链接对解决这个问题非常有用：

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

【讨论】：

【解决方案2】：

推荐的方法是始终使用对象作为模型，而不是单个值。发生此错误是因为 Angular 为您查看的子指令创建了嵌套范围以及原型继承的工作方式。请参考http://jimhoskins.com/2012/12/14/nested-scopes-in-angularjs.html

【讨论】：