在Angular和Ionic 3中，可以使用*ngIf指令和[ngStyle]属性来根据条件隐藏和更改按钮的宽度。

首先，在你的组件模板中，添加一个按钮并使用*ngIf指令根据条件来决定它是否显示：

按钮

然后，使用[ngStyle]属性来动态更改按钮的宽度。在组件中，定义一个变量来存储按钮的宽度，并根据条件来设置不同的宽度值：

按钮

在组件类中，根据条件设置按钮的宽度：

import { Component } from '@angular/core';

@Component({
  selector: 'app-button-example',
  templateUrl: './button-example.component.html',
  styleUrls: ['./button-example.component.css']
})
export class ButtonExampleComponent {
  condition: boolean = true;
  buttonWidth: number = 100;

  toggleCondition() {
    this.condition = !this.condition;
    this.buttonWidth = this.condition ? 100 : 200;
  }
}

在上面的示例中，我们使用了一个布尔变量condition来决定按钮是否显示，并使用buttonWidth变量来设置按钮的宽度。当condition为真时，按钮的宽度为100px，否则为200px。

你可以根据需要调整条件和按钮的宽度值。

最后，你可以在组件模板中添加一个切换按钮，用来改变condition的值并触发按钮的显示和宽度的更新：

切换

这样，当你点击切换按钮时，按钮的显示状态和宽度就会根据条件进行更新。

希望这个解决方法对你有帮助！