javascript - AngularJS 面试问题/挑战

Question

<分区>

Answer 1

好的挑战是创建一个指令来执行一些小的响应式 UI 元素。就像在桌面和浏览器上看起来不同并且显示不同(触摸和悬停)的工具提示。此人将需要创建 html 模板、小的响应式 css 和 javascript 来连接它。

我最近需要创建这样的指令，它将在悬停时跟随鼠标并在移动设备上保持静态(但它没有响应式 css - 你的挑战也可以包括它 - 在手机上有不同的外观风格)。

你可以准备它应该工作的基本 html

<div ng-repeat="item in items">
   <span tooltop="item.description" tooltop-options="{color: item.color}">
       {{item.text}}
   </span>
</div>

创建一个 UI 元素应该不会花很长时间。如果它创建得太快，你可以添加下一个挑战来创建第二个小指令，该指令需要与前一个指令交换数据(你不应该说他需要创建服务)。它可以是呈现错误消息的指令，例如:

<errors/>

错误消息可以使用 css 进行响应，因此它们在移动设备和桌面设备上看起来都不错。

还有一个指令有

<something ng-model="someobject"/>

并且 something 指令需要向错误指令发送错误消息，例如，如果对象类型不是数组。

此人将需要创建使用 ngModel 的指令和包含错误的服务，以及第二个指令，该指令将从错误服务中呈现消息。