ng-transclude

Having issues with ng-transclude and form data.

by Kikketer

HTML

<div ng-app='trans'>
    <div ng-controller="myController">
        <wrapper>
            <input type="text" ng-model="name" />
            <p>{{name}}</p>
            <button ng-click="showName()">Show Name</button>
        </wrapper>
    </div>
</div>

CSS

.outer {
    border: 1px solid green;
}

JavaScript

angular.module('trans', []);
angular.module('trans').directive('wrapper', function () {
    return {
        restrict: 'E',
        transclude: true,
        template: '<div class="outer" ng-transclude></div>'
    }
});
angular.module('trans').controller('myController', function ($scope) {
    $scope.name = 'Friend';

    $scope.showName = function () {
        alert('showing name: ' + $scope.name);
    }
});