要改变元素的数据属性，可以使用Angular 2的属性绑定和双向绑定。

首先，在组件的HTML模板中，可以使用属性绑定将元素的属性绑定到组件的属性上。例如，要改变一个元素的背景颜色，可以将元素的style属性绑定到一个组件的属性上：

然后，在组件的类中，可以定义一个名为backgroundColor的属性，并在需要改变元素属性的地方修改该属性的值。例如，可以在组件的构造函数中初始化backgroundColor属性，并定义一个方法来改变它的值：

@Component({
  selector: 'app-my-component',
  template: `
    

    Change Color
  `
})
export class MyComponent {
  backgroundColor: string;

  constructor() {
    this.backgroundColor = 'red';
  }

  changeColor() {
    this.backgroundColor = 'blue';
  }
}

这样，点击"Change Color"按钮时，changeColor()方法会被调用，backgroundColor属性的值会被更新为'blue'，从而改变了元素的背景颜色。

需要注意的是，如果想要实现双向绑定，即在改变组件属性的同时也改变元素的属性，可以使用ngModel指令。首先，在组件的类中定义一个双向绑定的属性：

@Component({
  selector: 'app-my-component',
  template: `
    
    

  `
})
export class MyComponent {
  backgroundColor: string;

  constructor() {
    this.backgroundColor = 'red';
  }
}

然后，在模板中使用ngModel指令将输入框的值绑定到backgroundColor属性上。这样，当输入框的值改变时，backgroundColor属性的值也会相应地改变，从而改变了元素的背景颜色。

这些是使用Angular 2改变元素的数据属性的方式和示例代码。