在Angular 5中，变量的作用域与JavaScript中的作用域规则相同。在组件中声明的变量可以在组件的整个范围内使用。

下面是一个示例代码，展示了变量作用域的使用方法：

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

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

      
{{ greeting }}
      Change Greeting
    
  `
})
export class ExampleComponent {
  greeting: string = 'Hello, World!';

  changeGreeting() {
    this.greeting = 'Hello, Angular 5!';
  }
}

在上述代码中，greeting变量在组件类中被声明，并在模板中使用。在模板中，我们使用插值表达式({{ greeting }})来显示变量的值。

在changeGreeting()方法中，我们修改了greeting变量的值，将其更改为"Hello, Angular 5!"。这将导致模板中显示的文本发生变化。

请注意，变量的作用域限制于组件类中。在组件类的内部，您可以在任何方法和生命周期钩子中访问和更改该变量。