前端analysis | 3w & 1h

《angular10》- 日常概念FAQ

2021-06-28

angular路由如何实现的?

两者实现模式: history,hash; hash的url携带#, history,会作为path部分。最终底层都是靠的js支持。

如何配置模块下子路由?

为何自定义元素,浏览器能识别?

底层采用CustomeElementRegistry,支持四种方法:

  • define
  • get
  • upgrdate
  • whenDefined

如何实现input点击,下拉选项?

1.简单的可以用采用datalist 、option组合 + input实现

1
2
3
4
5
6
7
8
9
10
<input list="ice-cream-flavors" id="ice-cream-choice" name="ice-cream-choice" />

<datalist id="ice-cream-flavors">
<option value="Chocolate">
<option value="Coconut">
<option value="Mint">
<option value="Strawberry">
<option value="Vanilla">
</datalist>

如何开发出详情展示?

html details标签支持

1
2
3
4
 <details>
<summary>Details</summary>
Something small enough to escape casual notice.
</details>
Tags: angular
使用支付宝打赏
使用微信打赏

若你觉得我的文章对你有帮助,欢迎点击上方按钮对我打赏