AngularJS ngIf prevents finding element

HTML

<script src="http://code.angularjs.org/1.2.7/angular.js"></script>
<column column="{title: 'Test', types: ['Type 1', 'Type 2', 'Type 3']}"></column>

JavaScript

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

myApp.directive('column', function () {
    return {
      template: '<div class="column"><div>{{ column.title }}</div><button ng-click="toggleEditing()">Toggle</button><form name="columnForm" role="form" ng-if="editing"><select ng-model="type" ng-options="type for type in column.types"></select></form></div>',
      restrict: 'E',
      scope: {
        column: '='
      },
      controller: ['$scope', '$element', '$timeout', function ($scope, $element, $timeout) {

        $scope.editing = false;
        $scope.toggleEditing = function () {
          $scope.editing = !$scope.editing;         
        };
      }]      
    };
  });