이안 프레임 워크가 ng-model 변수를로드하지 않습니다.

Question

저는 이오닉 앱을 만들고 있는데 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()를 추가 할 경우, 자바 스크립트 오류가 arised입니다 :

*Error: $scope.objetivosSelec is undefined* 

나는 각도와 이온 문서를 읽고 있어요 모든 것이 좋아 보인다.

내가 뭘 잘못하고 있는지 생각해 본 사람이 있습니까?

Answer 1

나는 마침내 그것을 얻었다!!

HTML은 :

ng-model="$parent.servicioSelec" 

나는 컨트롤러에서 그들을 읽어 내 NG 모델 항목에서 $ 부모를 사용하는 데 필요한.

이 링크

는이 문제를 해결하는 것은 매우 유용 :

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

Answer 2

권장되는 방법은 항상 모델이 아닌 하나의 값으로 객체를 사용하는 것입니다. angle은 자식 지시문에 대한 중첩 스코프를 만들고 prototypal 상속이 작동하는 방식이기 때문에이 오류가 발생합니다. 참조하시기 바랍니다 http://jimhoskins.com/2012/12/14/nested-scopes-in-angularjs.html