Angular modify meta tag

I have a meta tag (apple smart banner) and I want to modify the argument on the fly. However it is currently not working:

I assume the ng-init is called before the head is created? If so, I can modify the meta through a load method?

here is the html:

<!doctype html>
<html lang="en" ng-app="myApp" class="passWindowDimensions">
<head>
    <meta charset="utf-8">
    <title>XXXXXX</title>
    <link rel="stylesheet" href="css/app.css"/>
    <link rel="stylesheet" href="css/bootstrap.css"/>

    <meta name="apple-itunes-app" content="app-id=XXXXXXX, app-argument = {{paramRId}}">

    <!--Let search engines know we are a single page ajax app-->
    <meta name="fragment" content="!">

    <script src="js/JQuery.js"></script>
    <script src="js/searchFunctions.js"></script>


</head>

Partial:

<div data-ng-init="loadMe()" div class="col-md-12 passWindowDimensions">

Controller:

/**
         * Loading sequence. Loads the results
         */
        $scope.loadMe = function(){

          $scope.paramRId = 'test';


       };

Angular modify meta tag

3 Answers