使用Angular Directive移动图像

Question

我希望在屏幕变小时使用Angular中的指令在两个div之间移动。 使用以下指令，我可以在屏幕变小/变高时更改一行的内容。但我无法用图像做到这一点。我想把那个图像从div'之前'移到div'然后'。我能怎么做？ 链接到代码：http://plnkr.co/edit/wd3M629xA5lnRymwbO3e

指令代码：

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

app.controller('MainCtrl', function($scope) {
$scope.name = 'World';
});

app.directive('browseContent', function($window) {
return {
    restrict: 'E',
    template: '<div ng-include="templateUrl"></div>',
    link: function(scope) {

        $window.onresize = function() {
            changeTemplate();
            scope.$apply();
        };
        changeTemplate();

        function changeTemplate() {
            var screenWidth = $window.innerWidth;
            if (screenWidth < 768) {
                scope.templateUrl = 'browse-content-mobile.html';
            } else if (screenWidth >= 768) {
                scope.templateUrl = 'browse-content.html';
            }
        }
    }
}
});