Angular4面试题及答案 - [ AngularJS面试题及答案 ]

Angular4面试题及答案

Angular4是一个免费的基于开源组件的UI框架,由Google Web开发团队使用TypeScript(Superset of JavaScript)重写。通过阅读下面Angular4面试题和答案,有助于让您在面试过程中应付自如,也可作为测评或复习巩固Angular4知识。

1. 在哪个目录中,所有外部模块和文件都存储在Angular 4中?

Angular4将所有外部模块和文件存储在node_modules目录中。

详细答案>>

2. 如何在Angular 4中包含外部CSS?

要在Angular 4中包含外部CSS,请打开.angular-cli.json并在styles数组中添加css文件路径。

详细答案>>

3. Angularjs中的路由是什么?

当想要浏览应用程序的不同页面但还希望应用程序是单页面应用程序时,可以使用ngRoute模块。 此ngRoute模块可浏览应用程序的不同页面,而无需重新加载整个应用程序。 应包含角度js路由模块,以使您的应用程序为路由做好准备。 ngRoute作为应用程序中的依赖项添加。 路由引擎捕获用户请求的特定URL,并根据定义的路由规则呈现视图。详细答案>>

4. Angular4中的组件装饰器是什么?

在开发版本2及更高版本的角度框架时,装饰器是核心概念。 它很快就会成为JavaScript的核心语言功能。 在Angular4中,装饰器被广泛使用并且还用于编译代码。有4种不同类型的装饰器: 类装饰器属性装饰器方法装饰器参数装饰器 装饰器是一个使用前缀@符号调用的函数,后面紧跟一个类,参数,方法或属性。 装饰器返回相同的东西,它作为输入给出,但是以增强的形式。详细答案>>

5. 编写CLI命令以在Angular4中生成组件。

组件只是简单的类,在组件装饰器的帮助下声明为组件。在Angular CLI命令的帮助下,创建已经可以工作的应用程序变得很容易。 “Ng generate”用于生成组件,路由,服务和管道。 借助此CLI命令还可以创建简单的测试shell。 要在CLI命令的帮助下生成angular4中的组件,需要遵循以下语法 - ng generate component component_name; 它生成组件并将组件添加到模块声明中。详细答案>>

6. angular4的组件目录结构是什么样的?

以下是angular4组件目录结构和模块中存在的元素 - module.ts - 在此,声明了angular模块。 使用@NgModule装饰器初始化angular应用程序的不同方面。AppComponent也在其中声明。components.ts - 它只是以angular定义组件,这也是定义app-root扇区的地方。 title属性也在组件中声明。component.html-它是应用程序的模板文件,代表组件的可视部分。详细答案>>

7. 请使用一个例子解释说明ngFor指令。

ngFor指令为给定迭代器的每个元素实例化一个模板。 ngFor指令的不同局部变量可用于迭代。 ngFor指令甚至可以与HTML元素一起使用。 它还在DOM中执行各种更改。 在ngFor指令的帮助下,可以将多个导出值别名化为局部变量。 它允许在HTML模板中构建数据表示列表和表。 以下是借助HTML的ngFor指令示例: <tr *ngFor="hero of heroes"> <td>({hero.name})</td></tr> 详细答案>>

8. 请解释angularjs中的属性绑定或单向绑定。

基本上,属性绑定意味着从组件类传递数据并在视图中设置给定元素的值。 它是一种单向绑定,其中数据从组件传递到类。 它允许控制从组件到类的元素属性值。 angular 的属性绑定可以通过三种方式进行: 只要定义的值是字符串,插值就可以用来定义一个值。围绕element属性包装括号并将其绑定到component属性是最常见的属性绑定类型。第三种方法是在element属性之前添加bind。详细答案>>

9. 请使用一个例子解释说明ngif指令。

ngIf是一个内置的模板指令,用于添加或删除DOM的某些部分。 此添加或删除取决于表达式是true还是false。 如果表达式计算为false,则ngIf指令将删除HTML元素。如果表达式被评估为true,则该元素将添加到DOM中。 语法: *ngIf=”<condition>” 示例: <ul *ngFor="let person of people" *ngIf="person.age < 30"> <li>...详细答案>>

10. 写出在angularjs中指令和组件之间的区别。

在angularjs中,元数据注释之间存在区别。 一些区别如下: 指令用于向现有元素添加行为。 而组件用于创建具有附加行为的组件。@directive用于创建指令。 而@component用于创建组件。指令用于将不同的行为附加到现有DOM元素。在组件的帮助下,可以将应用程序分解为更小的组件。指令用于创建可重用行为。 然而,组件用于创建可重用组件。指令不需要视图。然而,组件需要通过@view查看。详细答案>>

11. 你对隔离单元测试有什么了解?

顾名思义,单元测试就是测试各个代码单元。 为了回答一些问题,隔离被测代码单元非常重要。 当我们使用隔离单元测试时,我们不会被迫创建相关的部分,如DOM元素进行排序。 借助隔离的单元测试,实现一切变得更加容易。 为了模拟请求,还提供了依赖注入。 可以单独测试单个排序功能。 而且不仅是排序功能,任何功能都可以单独测试。详细答案>>

12. 在angularjs中你对服务有什么了解?

angularjs中的服务用于组织和共享应用程序中的代码。 这些是在依赖注入的帮助下连接在一起的合适对象。 angularjs服务被懒惰地实例化。 仅当应用程序组件依赖于它时,该服务才由angularjs实例化。 在angularjs中,可以制作新服务,甚至可以在其他内置服务中使用。 angularjs中存在30多种内置服务。详细答案>>

13. Angular js中的DSL动画功能(函数)有哪些?请列出。

DSL动画功能(函数)用于在Angular js中制作动画。 以下是Angularjs中的DSL动画功能(函数)列表。 trigger()state()transition()group()sequence()style()animate()keyframes()详细答案>>
注: 此试题仅作为相关知识水平测试,不能作为权威试题和答案。非商业转载注明原文链接即可;商业转载需本站授权同意。

相关面试题

Angular4面试题及答案   13
layui

微信扫码关注 考评师 公众号