Call Javascript Function From iOS Webview in Angularjs App

Problem

My problem is that when I try to call a javascript function that exists in my AngularJS app from within a UIWebView that function is not recognized. When I call the function in a typical html structure the function is recognized as expected. Example provided below:

OBJECTIVE-C:

- (void)viewDidLoad
{
    [super viewDidLoad];

    // CODE GOES HERE
    _webView.delegate = self;

    // LOAD THE CHABACORP HOMEPAGE WITH INITIAL UIWEBVIEW
    NSString *fullURL = @"http://testing.com";
    NSURL *url = [NSURL URLWithString:fullURL];
    NSURLRequest *requestObj = [NSURLRequest requestWithURL:url];
    [self.webView loadRequest:requestObj];
}

- (void)webViewDidFinishLoad:(UIWebView *)webView{

    [_webView stringByEvaluatingJavaScriptFromString:@"testing()"];

}

ANGULARJS CONTROLLER:

'use strict';

angular.module('testing.controllers', [])

.controller('Testing', function($scope) {

    function testing() {
        alert('testing');
    }

});

BASIC HTML (WORKS WITH CURRENT OBJECTIVE-C):

<!DOCTYPE HTML>
<html>

<body>

    <SCRIPT>
    function testing() {
        alert('testing');
    }
    </SCRIPT>

</body>

</html> 
Problem courtesy of: rjm226

Solution

It's because your testing function isn't globally available. It's only available inside your Testing controller function. To make it globally available, you need to modify the controller to be something like this:

'use strict';

angular.module('testing.controllers', [])

.controller('Testing', function($scope) {

    window.testing = function() {
        alert('testing');
    }

});

Can't say that I recommend you to do this though, but it's hard to judge since we don't know more about why you want to do this.

Solution courtesy of: Anders Ekdahl

Discussion

There is currently no discussion for this recipe.

This recipe can be found in it's original form on Stack Over Flow.