無法讀取未定義的屬性'<< 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以使該範圍在主窗口中可見。