uscgfid

jsfiddle testing of emberjs 13 app

HTML

<div ng-controller='myCtrl'>
    
    <div>
        <input type="text" ng-model="input.weird" id="inputField" fill-input />
    </div>
    
    <div>
        <button ng-click="fillFormDirective()" >Fill With Directive</button>
    </div>   
    
    <div>
        <button ng-click="logResult()">Log Result</button>
    </div>
    
</div>

JavaScript

'use strict';

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

app.controller('myCtrl', function($scope){
    $scope.logResult = function(){
        console.log($scope.input);
    }
});

app.directive('fillInput', function(){
    return {
        link: function($scope, elem){
            $scope.fillFormDirective = function() {
                console.log(elem);
                elem.val('quick brown fox');
            }        
        }
    };
});