JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css">
<h3 >Dynamic form fields AngularJS</h3>
<div ng-app='app'>
     <h4>Inputs</h4>
    <ul ng-repeat="input in inputs">
        <li>{{input}}</li>
    </ul>    
    <grid>dddddd</grid>
</div>

JavaScript

var app  = angular.module('app',[]);
/*
function Controller($scope) {
    $scope.inputs = ["<grid>ddd</grid>","<grid>bbb</grid>"];
}
*/
app.directive('grid', function(){
    return {
        controller: function($scope, $element){
                $scope.inputs = ["<grid>ddd</grid>","<grid>bbb</grid>"];
        },
        restrict: 'E',
        template: '<b>hello</b>',            
    }
});