为什么Angular指令在运行时添加时不起作用

Question

按钮点击后添加新指令

angular.module('app').directive('fieldTypeString', ['config', function(config){
                                  alert('directive runned');
                  return {
                restrict: 'E',
                templateUrl: config.some_path
            }

后来我在DOM

中添加了这个指令

var row = angular.element('<div class="fields-list-row">');
var dir_scope = $scope.$new(true);
dir_scope.field = field;
var field_directive = angular.element($compile('<field-type-string></field-type-string>')(dir_scope));
row.append(field_directive);
element.append(row);

但它不起作用！为什么？如果我在init脚本中使用angular.module（'app'）。directive，那么它可以工作：

angular.module('app').controler(...).
  service(...).
  directive('fieldTypeString',...)

请帮帮我。