Angularjs。 获取控制器的范围。 未知的提供程序错误

Question

On index.html page I have following controller declaration:

<div ng-controller="UserDataController"/>

I need this declaration because somewhere in my templates I have following code (I know it is a bad style, but ...):

<script>

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

But at the same time I'm working with resources(REST) and have code similiar to this one . Which throws in my case error: Unknown provider: dataProvider <- data, because my controller looks like:

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

I've read here that this is because of ng-controller declaration. And of course when I removed this declaration the part of code between script tags in my templates is broken. So, I'm in controversial situation -- when I repair one thing, another get broken...

I'm not strong in js and jquery, but the easiest way seems to me is to get somehow controller scope without this selector '[ng-controller=UserDataController]'. How can it be done? Is it a right approach?

Thanks in advance!

Answer 1

I think you're trying to access your userData object all wrong. To access the userData object, simply do a {{userData}} somewhere on your page that is within the scope of your controller. For instance

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

and then your JS

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

check this fiddle: http://jsfiddle.net/N4MQ4/2/

Answer 2

the error:

Unknown provider: dataProvider <- data.... 

implies that you're trying to use angular's dependency injection to inject the data param for you. From the error, I'm guessing there is no provider configured for data. Hence, the error you're seeing. like ronnie, it does seems a bit strange as to why you're doing it the way you are doing