JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://code.angularjs.org/1.2.5/angular.js"></script>
<div ng-app="app">
    
    <smart-banner></smart-banner>
    <div ng-controller="TestCtrl">
        
        <input type="text" ng-model="appId"/>
        <input type="text" ng-model="appArgument"/>
        <button ng-click="update()">change</button>
    </div>
</div>

JavaScript

var module = angular.module("app",[]);

module.factory("smartBanner", function() {
    return {
        appId: "",
        appArgument: ""
    }    
});
module.directive("smartBanner",function(smartBanner){
    return {
        restrict: "E",
        template: '<meta name="apple-itunes-app" content="app-id={{smartbanner.appId}}, app-argument = {{smartbanner.appArgument}}"></meta>',
        replace: true,
        link: function(scope) {
            scope.smartbanner = smartBanner
        }
    } 
});
module.controller("TestCtrl", function($scope,smartBanner){
    $scope.update = function() {
        smartBanner.appId=$scope.appId;
        smartBanner.appArgument=$scope.appArgument;
    };
});