无法读取属性＆＃39;＆lt; <componentname>＆gt;＆＃39;未定义的</componentname>

Question

我正在尝试阅读我的模板中设置的ng模型的属性，而角度batarang实际上显示了该值。

但是，当我尝试从控制器访问该值时，它表示无法读取未定义的属性。

请有人指出出了什么问题。

<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-model设置为$ parent.onboarding.componentName

添加$ parent以使范围在主要范围内可见。