如何在angular中对不同的模板使用单独的style和script标记

@Component({
  selector: 'app-example',
  templateUrl: './example.component.html',
  styleUrls: ['./example.component.css']
})

@Component({
  selector: 'app-example',
  templateUrl: './example.component.html',
  styleUrls: ['./example.component.css', './example.component.scss']
})

@Component({
  selector: 'app-example',
  templateUrl: './example.component.html',
  styleUrls: ['./example.component.css'],
  scriptUrls: ['./example.component.js']
})

<h1>Example Component</h1>

<!-- 使用样式 -->
<div class="example-style">
  This is an example.
</div>

<!-- 使用脚本 -->
<script src="./example.component.js"></script>