要解决AngularJS自定义指令未改变DOM的问题，可以尝试以下几种方法：

1. 使用$watch监听数据变化并手动更新DOM：

app.directive('myDirective', function() {
  return {
    link: function(scope, element, attrs) {
      scope.$watch(attrs.myDirective, function(value) {
        // 更新DOM
        element.text(value);
      });
    }
  };
});

2. 使用$apply手动触发脏检查并更新DOM：

app.directive('myDirective', function() {
  return {
    link: function(scope, element, attrs) {
      scope.$watch(attrs.myDirective, function(value) {
        scope.$apply(function() {
          // 更新DOM
          element.text(value);
        });
      });
    }
  };
});

3. 使用$compile编译并链接新的DOM元素：

app.directive('myDirective', function($compile) {
  return {
    link: function(scope, element, attrs) {
      scope.$watch(attrs.myDirective, function(value) {
        var newElement = angular.element('
' + value + '
');
        $compile(newElement)(scope);
        element.replaceWith(newElement);
      });
    }
  };
});

这些方法将允许你在数据变化时更新DOM元素，确保指令正确渲染和显示最新的数据。