Не удается прочитать свойство "<< componentName >>" из неопределенного

Question

Я пытаюсь прочитать свойство ng-модели, установленной в моем шаблоне, а угловой Батаранг фактически показывает это значение.

Однако, когда я пытаюсь получить доступ к значению из контроллера, он говорит, что не может прочитать свойство undefined.

Пожалуйста, кто-нибудь может указать, что идет не так.

<input type="text" class="span9 typeahead"  ng-model="onboarding.componentName" data-provide="typeahead" data-items="4" data-source="{{getComponentNames}}"/>

контроллер:

$scope.saveOnboarding=function(){
     var dat=$scope.onboarding.componentName;

    $http.post('/onboarding/addOnboarding',dat)
    .success(function(data, status, headers, config) {
        window.alert('Data Successfully saved!!');
    })
    .error(function(data, status, headers, config) {
        window.alert(status + 'Data Save Failed!!');
    }); 

Answer 1

Это происходило потому, что я использовал это в модале Bootstrap.

Модальная область Bootstrap не может использоваться непосредственно в контроллере. Чтобы использовать переменные области видимости модала, нам нужно установить ng-модель как $parent.onboarding.componentName

Добавьте $ parent, чтобы сделать область видимости основной.