无法读取未定义的属性'<< 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的模态范围不能直接在控制器中使用。 为了使用模态的范围变量，我们需要将ng模型设置为$ parent.onboarding.componentName

添加$ parent以使该范围在主窗口中可见。