無法讀取屬性“ &lt; <componentName> &gt;&#39;未定義

Question

我正在嘗試讀取在模板中設置的ng模型的屬性，而angular 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使作用域在主視圖中可見。