当父作用域使用带有@ attribute的{{}}进行更改时，自定义指令dom不会更改

的原因是，@ attribute是用于单向绑定的，它将父作用域中的数据传递给子作用域，但不会反向更新子作用域中的数据。

自定义指令是一种在AngularJS中扩展HTML功能的方式。它允许我们创建可重用的组件，通过指令可以在DOM元素上添加特定的行为和样式。

在这种情况下，当父作用域中的数据通过{{}}进行更改时，只会更新父作用域中的数据，而不会触发自定义指令中DOM的更新。这是因为@ attribute是单向绑定，只能将父作用域中的数据传递给子作用域，而无法将子作用域中的数据传递回父作用域。

要解决这个问题，可以使用双向绑定的方式，通过使用= attribute来实现。= attribute允许父作用域和子作用域之间进行双向数据绑定，当父作用域中的数据更改时，不仅会更新父作用域中的数据，还会触发自定义指令中DOM的更新。

以下是一个示例代码，演示了如何在自定义指令中使用双向绑定的方式：

// 在父作用域中定义一个属性
$scope.message = "Hello World";

// 在HTML中使用自定义指令，并使用= attribute进行双向绑定
<custom-directive message="message"></custom-directive>

// 在自定义指令中使用= attribute进行双向绑定
app.directive('customDirective', function() {
  return {
    restrict: 'E',
    scope: {
      message: '='
    },
    template: '<div>{{message}}</div>',
    link: function(scope, element, attrs) {
      // 在link函数中可以对DOM进行操作
    }
  };
});

在上述示例中，当父作用域中的message属性发生变化时，不仅会更新父作用域中的数据，还会触发自定义指令中DOM的更新，从而实现了自定义指令DOM的更改。

推荐的腾讯云相关产品和产品介绍链接地址：