Angularjs。 獲取控制器的范圍。 未知的提供程序錯誤

Question

在index.html頁面上，我具有以下控制器聲明：

<div ng-controller="UserDataController"/>

我需要此聲明，因為在模板的某處有以下代碼（我知道這是一種不好的樣式，但是...）：

<script>

    var userData = angular.element('[ng-controller=UserDataController]').scope().userData;
...
 </script>

但在同一時間，我用資源（REST）的工作，並有代碼類同這一個 。 在我的情況下拋出錯誤：未知提供程序：dataProvider <-數據，因為我的控制器如下所示：

function UserDataController($scope,data)
{
    $scope.userData = data;
}

我在這里讀到這是因為ng-controller聲明。 當然，當我刪除此聲明時，模板中腳本標記之間的代碼部分已損壞。 所以，我處於有爭議的情況-當我修理一件東西時，另一件就壞了...

我不擅長js和jquery，但對我來說，最簡單的方法似乎是在不使用此選擇器'[ng-controller = UserDataController]'的情況下獲得控制器范圍。 如何做呢？ 這是正確的方法嗎？

提前致謝！

Answer 1

我認為您正在嘗試完全錯誤地訪問userData對象。 要訪問userData對象，只需在頁面上位於控制器范圍內的某個地方執行{{userData}} 。 例如

<div ng-app>
    <div ng-controller="UserDataController">
        <input type="text" ng-model="userData" />
        <div ng-model="userData">User data is: {{userData}}</div>
    </div>
</div>

然后你的JS

function UserDataController($scope)
{
    $scope.userData = '';
}

檢查此小提琴： http : //jsfiddle.net/N4MQ4/2/

Answer 2

錯誤：

Unknown provider: dataProvider <- data.... 

表示您正在嘗試使用angular的依賴項注入為您注入數據參數。 從錯誤中，我猜測沒有為數據配置提供程序。 因此，您看到的錯誤。 像ronnie一樣，為什么這樣做的方式確實有點奇怪