Ionic框架未加载ng模型变量

Ionic framework not loading ng-model variable

本文关键字：模型 变量 ng 加载 框架 Ionic      更新时间：2023-09-26

我正在构建一个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);
    }  
    ...
})

我只想在警报上显示select的选定值，但什么都不显示。如果我添加.val()，则会出现JavaScript错误：

*Error: $scope.objetivosSelec is undefined*

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

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

我终于拿到了！！

HTML:

ng-model="$parent.servicioSelec"

我需要在我的ng模型项中使用$parent来从控制器中读取它们。

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

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

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

相关文章：