AngularJS面试问题/挑战

Question

我被派去采访一位AngularJS开发人员，提供一些在响应式设计方面的专业知识。

因为我喜欢我的开发人员在面试时编程，所以我一直在考虑创建一个挑战，我们可以共同为< 1h一起工作，然后发布结果，以便我也可以使用手机/平板电脑查看它们。

1. 任何好的AngularJS面试问题/挑战在那里？

2. 有没有让我轻松做到的服务？推送代码并在手机浏览器上查看。 - plnkr具有嵌入式模式，但不知道它有多好..

Answer 1

plnkr非常好，灵活的，我会为它去，为AngularJS问题，你可以从像这样的文章得到一些想法： http://nathanleclaire.com/blog/2014/04/19/5-angularjs-antipatterns-and-pitfalls/我相信一个关于双向数据绑定和范围继承的技能测试将是有价值的，也许资源/动画功能 - 但这取决于工作概况，即我在公司项目中根本不使用动画，但是在我做的私人项目中它与famo.us严重使用

Answer 2

好challange将创建一个指令，将做一些小的响应UI元素。就像在桌面和浏览器上看起来不同的工具提示一样，显示方式也不同（触摸和悬停）。该人将需要创建html模板，小的resposive css和javascript来连接它。

我最近需要创建类似这样的指令，它将遵循鼠标悬停并在手机上静态（但它没有响应的CSS - 您的挑战也可以包括这一点 - 在手机上有不同的风格）。

您可以准备基本HTML，这应该

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

工作，它不应该需要很长时间来创建一个UI元素。如果创建速度太快，您可以添加下一个challange来创建第二个小指令，该指令需要与以前的指令交换数据（您不应该说他需要创建服务）。它可以是指令，使像错误信息：

<errors/> 

错误信息可以响应使用CSS，所以他们看起来不错的手机，并在桌面上。

，并有

<something ng-model="someobject"/> 

和一些指令一个指令需要发送错误信息到错误指令，例如，如果对象类型不是数组。

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