MOOC Angular Web前端框架开发基础(北方工业大学)1464022180 最新慕课完整章节测试答案

Angular 之 III——单元测验

1、单选题：
‎input控件的value属性的默认类型是（   ）。‍
选项：
A: number
B: string
C: boolean
D: object
答案: 【 string】

2、单选题：
‌代码：<input type="text" [(ngModel)]="sideA">中，sideA是（   ）。‌
选项：
A: 组件类中定义的函数
B: 组件类中定义的属性
C: 组件模板中定义的函数
D: 组件模板中定义的属性
答案: 【 组件类中定义的属性】

3、单选题：
‎代码：<input type="text" [(ngModel)]="sideA">中，如果在组件模板中引用sideA，引用方法是（   ）。‌
选项：
A: (sideA)
B: [sideA]
C: {sideA}
D: {{sideA}}
答案: 【 {{sideA}}】

4、单选题：
​利用[(ngModel)]实现的双向数据传递是指（   ）。‌
选项：
A: 组件模板文件中控件的value属性与组件类中定义的属性之间的数据传递
B: 组件模板文件中控件的name属性与组件类中定义的属性之间的数据传递
C: 组件模板文件中控件的value属性与组件类中定义的函数之间的数据传递
D: 组件模板文件中控件的name属性与组件类中定义的函数之间的数据传递
答案: 【 组件模板文件中控件的value属性与组件类中定义的属性之间的数据传递】

5、单选题：
‎代码：<input type="text" #myNum>中，myNum表示（   ）。‍
选项：
A: Input控件
B: Input控件的value属性
C: Input控件的name属性
D: Input控件的id属性
答案: 【 Input控件】

6、单选题：
‌利用代码：<input type="text" #myNum placeholder="请输入x的值" (keydown) = "keyCalc(myNum,$event)">就可以将myNum变量（   ）。‏
选项：
A: 从组件类文件传递到组件模板文件
B: 从组件模板文件传递到组件类文件
C: 从组件模板文件传递到组件模板样式类文件
D: 从组件模板样式类文件传递到组件模板文件
答案: 【 从组件模板文件传递到组件类文件】

7、单选题：
‍利用代码：<input type="text" #myNum>定义了局部变量myNum后，如果要使用在input控件中输入的值，采用的方法是：（   ）。‎
选项：
A: myNum
B: myNum.value
C: myNum.name
D: myNum.id
答案: 【 myNum.value】

8、单选题：
​指令用于扩展（   ）的功能。‌
选项：
A: 组件模板
B: 组件类
C: 组件模板样式
D: 整个组件
答案: 【 组件模板】

9、单选题：
‎（   ）指令可以通过Angular表达式给特定的DOM元素一次性设置多个内联样式。‌
选项：
A: ngClass
B: ngStyle
C: ngIf
D: ngFor
答案: 【 ngStyle】

10、单选题：
‌ngClass内置指令的格式是：[ngClass]="{cssClass: expression}"，其中“cssClass”表示（   ）。‏
选项：
A: CSS样式名
B: CSS样式类
C: 既可以是CSS样式名，又可以是CSS样式类
D: 既不能是CSS样式名，又不能是CSS样式类
答案: 【 CSS样式类】

11、单选题：
‎ngClass内置指令的格式是：[ngClass]="{cssClass: expression}"，其中“expression”的类型是（   ）。‎
选项：
A: string
B: number
C: boolean
D: any
答案: 【 boolean】

12、判断题：
‍代码：<h1 [ngStyle]="{color:'blue', text-align:'center'}">是否正确？‌
选项：
A: 正确
B: 错误
答案: 【 错误】

13、判断题：
‎ngStyle指令格式是：[ngStyle]="{style: expression}"，其中style是CSS样式类名称。‏
选项：
A: 正确
B: 错误
答案: 【 错误】

14、判断题：
‍ngClass指令可以同时为DOM元素添加或移除多个CSS类，从而控制元素的展示。​
选项：
A: 正确
B: 错误
答案: 【 正确】

15、判断题：
‏代码：[ngClass]="{ nav-bg: true, nav-font: true }"是否正确？​
选项：
A: 正确
B: 错误
答案: 【 错误】

随堂测验1

1、单选题：
‍代码：<input type="text" [(ngModel)]="sideA">中，sideA是（   ）。​
选项：
A: 组件类中定义的函数
B: 组件类中定义的属性
C: 组件模板中定义的函数
D: 组件模板中定义的属性
答案: 【 组件类中定义的属性】

2、单选题：
‎代码：<input type="text" [(ngModel)]="sideA">中，如果在组件模板中引用sideA，引用方法是（   ）。‍
选项：
A: (sideA)
B: [sideA]
C: {sideA}
D: {{sideA}}
答案: 【 {{sideA}}】

3、单选题：
‎利用[(ngModel)]实现的双向数据传递是指（   ）。‌
选项：
A: 组件模板文件中控件的value属性与组件类中定义的属性之间的数据传递
B: 组件模板文件中控件的name属性与组件类中定义的属性之间的数据传递
C: 组件模板文件中控件的value属性与组件类中定义的函数之间的数据传递
D: 组件模板文件中控件的name属性与组件类中定义的函数之间的数据传递
答案: 【 组件模板文件中控件的value属性与组件类中定义的属性之间的数据传递】

随堂测验2

1、单选题：
‎代码：<input type="text" #myNum>中，myNum表示（   ）。‌
选项：
A: Input控件
B: Input控件的value属性
C: Input控件的name属性
D: Input控件的id属性
答案: 【 Input控件】

2、单选题：
‎利用代码：<input type="text" #myNum placeholder="请输入x的值" (keydown) = "keyCalc(myNum,$event)">就可以将myNum变量（  ）。‏
选项：
A: 从组件类文件传递到组件模板文件
B: 从组件模板文件传递到组件类文件
C: 从组件模板文件传递到组件模板样式类文件
D: 从组件模板样式类文件传递到组件模板文件
答案: 【 从组件模板文件传递到组件类文件】

3、单选题：
‌利用代码：<input type="text" #myNum>定义了局部变量myNum后，如果要使用在input控件中输入的值，采用的方法是：（  ）。‌
选项：
A: myNum
B: myNum.value
C: myNum.name
D: myNum.id
答案: 【 myNum.value】

随堂测验3

1、单选题：
‌指令用于扩展（   ）的功能。‍
选项：
A: 组件模板
B: 组件类
C: 组件模板样式
D: 整个组件
答案: 【 组件模板】

2、单选题：
‌哪个指令可以通过Angular表达式给特定的DOM元素一次性设置多个内联样式（ ）。‌
选项：
A: ngClass
B: ngStyle
C: ngIf
D: ngFor
答案: 【 ngStyle】

3、判断题：
‏代码：<h1 [ngStyle]="{color:'blue', text-align:'center'}"> 是否正确？‎
选项：
A: 正确
B: 错误
答案: 【 错误】

4、判断题：
‎ngStyle指令格式是：[ngStyle]="{style: expression}"，其中style是CSS样式类名称。‏
选项：
A: 正确
B: 错误
答案: 【 错误】

随堂测验4

1、单选题：
‎ngClass内置指令的格式是：[ngClass]="{cssClass: expression}"，其中“cssClass”表示（  ）。​
选项：
A: CSS样式名
B: CSS样式类
C: 既可以是CSS样式名，又可以是CSS样式类
D: 既不能是CSS样式名，又不能是CSS样式类
答案: 【 CSS样式类】

2、单选题：
‍ngClass内置指令的格式是：[ngClass]="{cssClass: expression}"，其中“expression”的类型是（   ）。‏
选项：
A: string
B: number
C: boolean
D: any
答案: 【 boolean】

3、判断题：
‌ngClass指令可以同时为DOM元素添加或移除多个CSS类，从而控制元素的展示。​
选项：
A: 正确
B: 错误
答案: 【 正确】

4、判断题：
‎代码：[ngClass]="{ nav-bg: true, nav-font: true }"是否正确？​
选项：
A: 正确
B: 错误
答案: 【 错误】

Angular 之 II——单元测验

1、单选题：
‍组件模板中的动态数据通过符号（   ）与组件类中的属性进行绑定。​
选项：
A: (( ))
B: [[ ]]
C: {{ }}
D: { }
答案: 【 {{ }}】

2、单选题：
‎通过在模板文件中为某一对象标签设置（   ）来实现，其中event表示发生在对象上的事件，函数则表示该事件引发的函数，在组件类中进行定义。‍
选项：
A: (event)="函数"
B: [event]="函数"
C: {event}="函数"
D: [(event)]="函数"
答案: 【 (event)="函数"】

3、单选题：
​数据绑定的数据传递方向是（   ）。‎
选项：
A: 由组件模板文件（HTML）向组件逻辑文件（TS）传递
B: 由组件逻辑文件（TS）向组件模板文件（HTML）传递
C: 由组件模板文件（HTML）向组件样式类文件（SCSS）传递
D: 组件逻辑文件（TS）和组件模板文件（HTML）之间进行双向传递
答案: 【 由组件逻辑文件（TS）向组件模板文件（HTML）传递】

4、单选题：
‌事件绑定的信息传递方向是（   ）。‎
选项：
A: 由组件模板文件（HTML）向组件逻辑文件（TS）传递
B: 由组件逻辑文件（TS）向组件模板文件（HTML）传递
C: 由组件模板文件（HTML）向组件样式类文件（SCSS）传递
D: 组件逻辑文件（TS）和组件模板文件（HTML）之间进行双向传递
答案: 【 由组件模板文件（HTML）向组件逻辑文件（TS）传递】

5、单选题：
​函数（   ）用于设定一个定时器，在定时到期以后执行注册的回调函数。‏
选项：
A: number setTimeout(function callback, number delay, any rest)
B: clearTimeout(number timeoutID)
C: number setInterval(function callback, number delay, any rest)
D: clearInterval(number intervalID)
答案: 【 number setTimeout(function callback, number delay, any rest)】

6、单选题：
‌函数（    ）用于取消由 setTimeout 设置的定时器。‏
选项：
A: number setTimeout(function callback, number delay, any rest)
B: clearTimeout(number timeoutID)
C: number setInterval(function callback, number delay, any rest)
D: clearInterval(number intervalID)
答案: 【 clearTimeout(number timeoutID)】

7、单选题：
‍函数（    ）用于设定一个定时器，按照指定的周期（以毫秒计）来执行注册的回调函数。‌
选项：
A: number setTimeout(function callback, number delay, any rest)
B: clearTimeout(number timeoutID)
C: number setInterval(function callback, number delay, any rest)
D: clearInterval(number intervalID)
答案: 【 number setInterval(function callback, number delay, any rest)】

8、单选题：
‌函数（    ）用于取消由 setInterval 设置的定时器。‍
选项：
A: number setTimeout(function callback, number delay, any rest)
B: clearTimeout(number timeoutID)
C: number setInterval(function callback, number delay, any rest)
D: clearInterval(number intervalID)
答案: 【 number setTimeout(function callback, number delay, any rest)】

9、单选题：
​Angular提供了属性绑定的模板语法是（   ）。‍
选项：
A: ( )
B: [ ]
C: { }
D: {{ }}
答案: 【 [ ]】

10、单选题：
‏创建音频对象使用的类是（   ）。‍
选项：
A: Audio
B: Sound
C: Video
D: Image
答案: 【 Audio】

11、单选题：
‌Angular项目中的资源（如图片、音频、视频等）一般都放在（   ）文件夹中。‏
选项：
A: assets
B: environments
C: node_modules
D: e2e
答案: 【 assets】

12、单选题：
‎在播放音频之前，除了创建音频对象外，还要（   ）音频对象。‍
选项：
A: 打开
B: 加载
C: 关闭
D: 暂停播放
答案: 【 加载】

13、单选题：
‌网页内容是由数据和设计两部分组合而成，将设计转换成浏览器能理解的语言是html和（   ）文件的主要工作。‌
选项：
A: JS
B: TS
C: CSS
D: HTTP
答案: 【 CSS】

14、单选题：
​数据绑定的实现原理。网页内容是由数据和设计两部分组合而成，将数据显示在页面上并且有一定的交互效果（比如点击操作会引发页面反应等）则是（   ）文件的主要工作。‌
选项：
A: HTTP
B: TS
C: CSS
D: SCSS
答案: 【 TS】

15、单选题：
‌很多时候不可能每次更新数据都要刷新页面（get请求），而是通过向后端请求相关数据，并通过（   ）的方式进行更新页面（post请求），这便是数据绑定。‏
选项：
A: 无刷新进行加载
B: 有刷新进行加载
C: 有刷新无加载
D: 无刷新无加载
答案: 【 无刷新进行加载】

16、单选题：
‎使用ngModel实现双向数据传递，首先需要在app.module.ts文件中导入（   ）模块。‎
选项：
A: FormsModule
B: BrowserModule
C: NgModule
D: AppRoutingModule
答案: 【 FormsModule】

17、单选题：
​代码：<input type="text" [(ngModel)]="tempC">中，[(ngModel)]="tempC"表示input控件的（   ）属性与组件类中的属性tempC实现了双向数据绑定。‍
选项：
A: name
B: value
C: id
D: type
答案: 【 value】

18、单选题：
​代码：<input type="text" [(ngModel)]="tempC" (keydown)="CtoF($event)">中，(keydown)="CtoF($event)"表示按下键盘的某个键时执行逻辑文件中组件类的CtoF($event)函数，函数实参$event（   ）。‎
选项：
A: 是一个整数类型
B: 是一个实数类型
C: 是一个对象类型，用于存储键盘事件信息
D: 是一个字符串类型
答案: 【 是一个对象类型，用于存储键盘事件信息】

19、单选题：
‌键盘事件的keyCode属性值是（   ）时表示回车。‍
选项：
A: 10
B: 11
C: 12
D: 13
答案: 【 13】

20、判断题：
‏属性绑定中的属性值既可以是组件类中定义的属性，也可以是CSS或SCSS等样式类文件中定义的样式类。‏
选项：
A: 正确
B: 错误
答案: 【 正确】

21、判断题：
‎有些属性绑定的功能也可以利用数据绑定来实现。‎
选项：
A: 正确
B: 错误
答案: 【 正确】

22、判断题：
‌事件绑定中的函数必须在组件类中进行定义。‎
选项：
A: 正确
B: 错误
答案: 【 正确】

23、判断题：
​数据绑定不能实现对HTML代码进行解析，而属性绑定可以通过标签属性innerHTML实现对HTML代码的解析。‍
选项：
A: 正确
B: 错误
答案: 【 正确】

24、判断题：
‎在组件类所在的TS文件中可以创建新类。‎
选项：
A: 正确
B: 错误
答案: 【 正确】

随堂测验1

1、单选题：
​组件模板中的动态数据通过符号（ ）与组件类中的属性进行绑定。‌
选项：
A: (( ))
B: [[ ]]
C: {{ }}
D: { }
答案: 【 {{ }}】

2、单选题：
‏通过在模板文件中为某一对象标签设置（   ）来实现，其中event表示发生在对象上的事件，函数则表示该事件引发的函数，在组件类中进行定义。​
选项：
A: (event)="函数"
B: [event]="函数"
C: {event}="函数"
D: [(event)]="函数"
答案: 【 (event)="函数"】

3、单选题：
‏数据绑定的数据传递方向是（   ）。‎
选项：
A: 由组件模板文件（HTML）向组件逻辑文件（TS）传递
B: 由组件逻辑文件（TS）向组件模板文件（HTML）传递
C: 由组件模板文件（HTML）向组件样式类文件（SCSS）传递
D: 组件逻辑文件（TS）和组件模板文件（HTML）之间进行双向传递
答案: 【 由组件逻辑文件（TS）向组件模板文件（HTML）传递】

4、单选题：
​事件绑定的信息传递方向是（   ）。‍
选项：
A: 由组件模板文件（HTML）向组件逻辑文件（TS）传递
B: 由组件逻辑文件（TS）向组件模板文件（HTML）传递
C: 由组件模板文件（HTML）向组件样式类文件（SCSS）传递
D: 组件逻辑文件（TS）和组件模板文件（HTML）之间进行双向传递
答案: 【 由组件模板文件（HTML）向组件逻辑文件（TS）传递】

5、单选题：
‎函数（   ）用于设定一个定时器，在定时到期以后执行注册的回调函数。​
选项：
A: number setTimeout(function callback, number delay, any rest)
B: clearTimeout(number timeoutID)
C: number setInterval(function callback, number delay, any rest)
D: clearInterval(number intervalID)
答案: 【 number setTimeout(function callback, number delay, any rest)】

6、单选题：
‍函数（   ）用于取消由 setTimeout 设置的定时器。‌
选项：
A: number setTimeout(function callback, number delay, any rest)
B: clearTimeout(number timeoutID)
C: number setInterval(function callback, number delay, any rest)
D: clearInterval(number intervalID)
答案: 【 clearTimeout(number timeoutID)】

7、单选题：
‏函数（   ）用于设定一个定时器，按照指定的周期（以毫秒计）来执行注册的回调函数。‏
选项：
A: number setTimeout(function callback, number delay, any rest)
B: clearTimeout(number timeoutID)
C: number setInterval(function callback, number delay, any rest)
D: clearInterval(number intervalID)
答案: 【 number setInterval(function callback, number delay, any rest)】

8、单选题：
‌函数（    ）用于取消由 setInterval 设置的定时器。​
选项：
A: number setTimeout(function callback, number delay, any rest)
B: clearTimeout(number timeoutID)
C: number setInterval(function callback, number delay, any rest)
D: clearInterval(number intervalID)
答案: 【 number setTimeout(function callback, number delay, any rest)】

随堂测验2

1、单选题：
‏Angular提供了属性绑定的模板语法是（   ）。‍
选项：
A: ( )
B: [ ]
C: { }
D: {{ }}
答案: 【 [ ]】

2、单选题：
​创建音频对象使用的类是（   ）。‎
选项：
A: Audio
B: Sound
C: Video
D: Image
答案: 【 Audio】

3、单选题：
​Angular项目中的资源（如图片、音频、视频等）一般都放在（   ）文件夹中。‏
选项：
A: assets
B: environments
C: node_modules
D: e2e
答案: 【 assets】

4、单选题：
‏在播放音频之前，除了创建音频对象外，还要（  ）音频对象。​
选项：
A: 打开
B: 加载
C: 关闭
D: 暂停播放
答案: 【 加载】

5、判断题：
​属性绑定中的属性值既可以是组件类中定义的属性，也可以是CSS或SCSS等样式类文件中定义的样式类。‎
选项：
A: 正确
B: 错误
答案: 【 正确】

6、判断题：
‏有些属性绑定的功能也可以利用数据绑定来实现。‍
选项：
A: 正确
B: 错误
答案: 【 正确】

7、判断题：
​事件绑定中的函数必须在组件类中进行定义。‎
选项：
A: 正确
B: 错误
答案: 【 正确】

随堂测验3

1、单选题：
‎网页内容是由数据和设计两部分组合而成，将设计转换成浏览器能理解的语言是html和（   ）文件的主要工作。‏
选项：
A: JS
B: TS
C: CSS
D: HTTP
答案: 【 CSS】

2、单选题：
‍数据绑定的实现原理。网页内容是由数据和设计两部分组合而成，将数据显示在页面上并且有一定的交互效果（比如点击操作会引发页面反应等）则是（   ）文件的主要工作。​
选项：
A: HTTP
B: TS
C: CSS
D: SCSS
答案: 【 TS】

3、单选题：
‏很多时候不可能每次更新数据都要刷新页面（get请求），而是通过向后端请求相关数据，并通过（  ）的方式进行更新页面（post请求），这便是数据绑定。‎
选项：
A: 无刷新进行加载
B: 有刷新进行加载
C: 有刷新不加载
D: 无刷新无加载
答案: 【 无刷新进行加载】

4、判断题：
‍数据绑定不能实现对HTML代码进行解析，而属性绑定可以通过标签属性innerHTML实现对HTML代码的解析。‏
选项：
A: 正确
B: 错误
答案: 【 正确】

5、判断题：
‎在组件类所在的TS文件中可以创建新类。​
选项：
A: 正确
B: 错误
答案: 【 正确】

随堂测验4

1、单选题：
‏使用ngModel实现双向数据传递，首先需要在app.module.ts文件中导入（   ）模块。‎
选项：
A: FormsModule
B: BrowserModule
C: NgModule
D: AppRoutingModule
答案: 【 FormsModule】

2、单选题：
‎代码：<input type="text" [(ngModel)]="tempC">中，[(ngModel)]="tempC"表示input控件的（  ）属性与组件类中的属性tempC实现了双向数据绑定。‏
选项：
A: name
B: value
C: id
D: type
答案: 【 value】

3、单选题：
‏代码：<input type="text" [(ngModel)]="tempC" (keydown)="CtoF($event)">中，(keydown)="CtoF($event)"表示按下键盘的某个键时执行逻辑文件中组件类的CtoF($event)函数，函数实参$event（  ）。‍
选项：
A: 是一个整数类型
B: 是一个实数类型
C: 是一个对象类型，用于存储键盘事件信息
D: 是一个字符串类型
答案: 【 是一个对象类型，用于存储键盘事件信息】

4、单选题：
‌input控件的value属性的默认类型是（   ）。‎
选项：
A: number
B: string
C: boolean
D: object
答案: 【 string】

5、单选题：
‌键盘事件的keyCode属性值是（   ）时表示回车。‍
选项：
A: 10
B: 11
C: 12
D: 13
答案: 【 13】

Angular 之 IV——单元测验

1、单选题：
‏标签中定义的局部变量既可以用于函数的参数，也可以通过（   ）符号在组件模板文件的其他地方使用。‏
选项：
A: ( )
B: [ ]
C: [( )]
D: {{ }}
答案: 【 {{ }}】

2、单选题：
‍以下代码中的(keydown.enter)表示（   ）。‌‍<input type=”text” #myInput placeholder=”请输入一个整数” ‌‍        (keydown.enter)=”keyCalc(myInput.value)”>‌
选项：
A: 按下了键盘中的空格键
B: 抬起了键盘中的空格键
C: 按下了键盘中的回车键
D: 抬起了键盘中的回车键
答案: 【 按下了键盘中的回车键】

3、单选题：
‍以下代码中的函数参数 myInput.value 表示（   ）。‎‍<input type=”text” #myInput placeholder=”请输入一个整数” ‎‍        (keydown.enter)=”keyCalc(myInput.value)”>‎
选项：
A: Input标签
B: Input标签中输入的值
C: Input标签中的回车事件
D: Input标签中的空格事件
答案: 【 Input标签中输入的值】

4、单选题：
‎如果希望根据一个条件来决定标签的显示效果（包括显示或删除），可以使用（   ）指令。​
选项：
A: ngFor
B: ngIf
C: ngStyle
D: ngClass
答案: 【 ngIf】

5、单选题：
‌ngIf指令格式是：*ngIf="expression"，其中 expression 的类型是（   ）。‍
选项：
A: string
B: number
C: boolean
D: any
答案: 【 boolean】

6、单选题：
‍NgSwitch 共包含3个指令，以下（   ）指令不包含在NgSwitch指令中。​
选项：
A: ngSwitch
B: ngSwitchCase
C: ngSwitchType
D: ngSwitchDefault
答案: 【 ngSwitchType】

7、单选题：
‌NgFor指令格式：*ngFor="let item of items "中，items的数据类型是（    ）‍
选项：
A: boolean
B: null
C: number
D: Array
答案: 【 Array】

8、单选题：
‌NgFor指令代码：*ngFor="let item of items, index as i "中，index表示（   ）。​
选项：
A: items数组元素个数
B: items数组中第一个元素的下标
C: items的数组元素item的下标 
D: item
答案: 【 items的数组元素item的下标 】

9、判断题：
‏NgSwitch 会根据切换条件显示几个可能的元素中的一个。‍
选项：
A: 正确
B: 错误
答案: 【 正确】

10、判断题：
‍代码：<div *ngSwitchCase="score>=90">成绩等级：优秀</div>是否正确？​
选项：
A: 正确
B: 错误
答案: 【 错误】

11、判断题：
‌代码：<div *ngIf="score>=0 && score<=100">是否正确？‎
选项：
A: 正确
B: 错误
答案: 【 正确】

12、判断题：
‌NgFor内置指令可以重复执行某些步骤来展示数据。‍
选项：
A: 正确
B: 错误
答案: 【 正确】

13、判断题：
‍NgFor指令代码：*ngFor="let item of items, index as i "中的逗号可以用分号或空格代替。‎
选项：
A: 正确
B: 错误
答案: 【 正确】

随堂测验1

1、单选题：
‍标签中定义的局部变量既可以用于函数的参数，也可以通过（  ）符号在组件模板文件的其他地方使用。‌
选项：
A: ( )
B: [ ]
C: [( )]
D: {{ }}
答案: 【 {{ }}】

2、单选题：
‎以下代码中的(keydown.enter)表示（  ）‍‎<input type=”text” #myInput placeholder=”请输入一个整数” ‍‎        (keydown.enter)=”keyCalc(myInput.value)”>‍‎‍
选项：
A: 按下了键盘中的空格键
B: 抬起了键盘中的空格键
C: 按下了键盘中的回车键
D: 抬起了键盘中的回车键
答案: 【 按下了键盘中的回车键】

3、单选题：
‍以下代码中的函数参数 myInput.value 表示（   ）‍‍<input type=”text” #myInput placeholder=”请输入一个整数” ‍‍        (keydown.enter)=”keyCalc(myInput.value)”>‍‍‍
选项：
A: Input标签
B: Input标签中输入的值
C: Input标签中的回车事件
D: Input标签中的空格事件
答案: 【 Input标签中输入的值】

4、单选题：
‎如果希望根据一个条件来决定标签的显示效果（包括显示或删除），可以使用（   ）指令。‎
选项：
A: ngFor
B: ngIf
C: ngStyle
D: ngClass
答案: 【 ngIf】

5、单选题：
‍ngIf指令格式是：*ngIf="expression"，其中 expression 的类型是（  ）​
选项：
A: string
B: number
C: boolean
D: any
答案: 【 boolean】

随堂测验2

1、单选题：
‎NgSwitch 共包含3个指令，以下（   ）指令不包含在NgSwitch指令中。‏
选项：
A: ngSwitch
B: ngSwitchCase
C: ngSwitchType
D: ngSwitchDefault
答案: 【 ngSwitchType】

2、判断题：
​NgSwitch 会根据切换条件显示几个可能的元素中的一个。‌
选项：
A: 正确
B: 错误
答案: 【 正确】

随堂测验3

1、判断题：
‍代码：<div *ngSwitchCase="score>=90">成绩等级：优秀</div>是否正确？‍
选项：
A: 正确
B: 错误
答案: 【 错误】

2、判断题：
‌代码：<div *ngIf="score>=0 && score<=100">是否正确？‌
选项：
A: 正确
B: 错误
答案: 【 正确】

随堂测验4

1、单选题：
‍NgFor指令格式：*ngFor="let item of items "中，items的数据类型是（   ）‏
选项：
A: boolean
B: null
C: number
D: Array
答案: 【 Array】

2、单选题：
‎NgFor指令代码：*ngFor="let item of items, index as i "中，index表示（   ）‍
选项：
A: items数组元素个数
B: items数组中第一个元素的下标
C: items的数组元素item的下标 
D: item
答案: 【 items的数组元素item的下标 】

3、判断题：
‎NgFor内置指令可以重复执行某些步骤来展示数据。‌
选项：
A: 正确
B: 错误
答案: 【 正确】

4、判断题：
​NgFor指令代码：*ngFor="let item of items, index as i "中的逗号可以用分号或空格代替。‍
选项：
A: 正确
B: 错误
答案: 【 正确】

Angular 之 IX——单元测验

1、单选题：
‎nz-image图片的正确使用方法是（   ）。‏
选项：
A: <nz-image width="200px" height="200px" nzSrc="imgPath" alt="" />
B: <img nz-image width="200px" height="200px" nzSrc="imgPath" alt="" />
C: <img nz-image width="200px" height="200px" src="imgPath" alt="" />
D: <nz-image width="200px" height="200px" src="imgPath" alt="" />
答案: 【 <img nz-image width="200px" height="200px" nzSrc="imgPath" alt="" />】

2、单选题：
‏如果要禁止nz-image图片预览，需要设置属性（   ）。‏
选项：
A: nzFallback
B: nzPlaceholder
C: nzDisablePreview
D: nzDirection
答案: 【 nzDisablePreview】

3、单选题：
‍nz-input输入框的正确使用方法是（   ）。‏
选项：
A: <input nz-input placeholder="large size" nzSize="large" />
B: <input nz-input placeholder="large size" size="large" />
C: <nz-input placeholder="large size" nzSize="large" />
D: <nz-input placeholder="large size" size="large" />
答案: 【 <input nz-input placeholder="large size" nzSize="large" />】

4、单选题：
‌nz-input-group组件参数（   ）用于设置前缀图标。‌
选项：
A: nzAddOnAfter
B: nzAddOnBefore
C: nzPrefix
D: nzSuffix
答案: 【 nzPrefix】

5、单选题：
‎nz-checkbox指令参数（   ）用于指定当前复选框是否被选中，可双向绑定。​
选项：
A: nzDisabled
B: ngModel
C: nzAutoFocus
D: nzValue
答案: 【 ngModel】

6、单选题：
‌nz-radio指令参数（   ）用于自动获取焦点。​
选项：
A: nzDisabled
B: ngModel
C: nzAutoFocus
D: nzValue
答案: 【 nzAutoFocus】

7、单选题：
‏nz-slider组件属性参数（   ）用于设置滑块是否只能拖拽到刻度上。​
选项：
A: nzDisabled
B: nzDots
C: nzIncluded
D: nzMarks
答案: 【 nzDots】

8、单选题：
‍nz-slider组件属性参数（   ）用于设置双滑块模式。‎
选项：
A: nzMax
B: nzMin
C: nzRange
D: nzStep
答案: 【 nzRange】

9、单选题：
‌nz-carousel组件参数（   ）用于设置是否自动切换。‎
选项：
A: nzAutoPlay
B: nzAutoPlaySpeed
C: nzDotRender
D: nzDotPosition
答案: 【 nzAutoPlay】

10、单选题：
‌nz-carousel组件参数（   ）用于设置动画效果函数。​
选项：
A: nzAutoPlay
B: nzEffect
C: nzDotRender
D: nzDotPosition
答案: 【 nzEffect】

11、单选题：
‏nz-carousel组件参数（   ）用于设置面板指示点位置。‌
选项：
A: nzAutoPlay
B: nzEffect
C: nzDotRender
D: nzDotPosition
答案: 【 nzDotPosition】

12、单选题：
‎nz-switch组件属性参数（   ）用于指定当前是否选中，可双向绑定。‌
选项：
A: nzDisabled
B: nzUnCheckedChildren
C: nzCheckedChildren
D: ngModel
答案: 【 ngModel】

13、单选题：
​nz-tabset组件参数（   ）用于设置是否使用动画切换 Tabs。​
选项：
A: nzSelectedIndex
B: nzAnimated
C: nzSize
D: nzTabBarExtraContent
答案: 【 nzAnimated】

14、单选题：
​nz-tabset组件参数（   ）用于设置标签居中展示。‏
选项：
A: nzTabBarGutter
B: nzCentered
C: nzHideAll
D: nzCanDeactivate
答案: 【 nzCentered】

15、单选题：
‎nz-date-picker组件参数（   ）用于设置默认面板日期。‎
选项：
A: nzAllowClear
B: nzAutoFocus
C: nzBackdrop
D: nzDefaultPickerValue
答案: 【 nzDefaultPickerValue】

16、单选题：
‎nz-date-picker组件参数（   ）用于设置选择模式。‍
选项：
A: nzFormat
B: nzInputReadOnly
C: nzMode
D: nzPlaceHolder
答案: 【 nzMode】

17、单选题：
‏nz-date-picker组件参数（   ）用于设置全屏显示。‏
选项：
A: nzFullscreen
B: nzDateCell
C: nzDateFullCell
D: nzMonthCell
答案: 【 nzFullscreen】

18、单选题：
‌nz-alert组件参数（   ）用于设置是否显示关闭按钮。‍
选项：
A: nzBanner
B: nzCloseable
C: nzCloseText
D: nzDescription
答案: 【 nzCloseable】

19、单选题：
‌nz-alert组件参数（   ）用于设置是否用作顶部公告。‌
选项：
A: nzBanner
B: nzCloseable
C: nzCloseText
D: nzDescription
答案: 【 nzBanner】

20、单选题：
​nz-alert组件参数（   ）用于设置是否显示辅助图标。‎
选项：
A: nzType
B: nzIconType
C: nzShowIcon
D: nzDescription
答案: 【 nzShowIcon】

21、单选题：
‍nz-alert组件参数（   ）用于指定警告提示的样式。‌
选项：
A: nzType
B: nzIconType
C: nzShowIcon
D: nzDescription
答案: 【 nzType】

22、单选题：
‍nz-card组件参数（   ）用于设置鼠标移过时是否具有可浮起效果。‏
选项：
A: nzHoverable
B: nzExtra
C: nzCover
D: nzActions
答案: 【 nzHoverable】

23、单选题：
‎nz-card组件参数（   ）用于设置卡片标题。‌
选项：
A: nzTitle
B: nzType
C: nzCover
D: nzSize
答案: 【 nzTitle】

24、单选题：
‏nz-table组件参数（   ）用于设置表格数据。​
选项：
A: nzData
B: nzFrontPagination
C: nzTotal
D: nzPageIndex
答案: 【 nzData】

25、单选题：
​nz-table组件参数（   ）用于设置是否展示表格外边框和列边框。‌
选项：
A: nzPageSize
B: nzShowPagination
C: nzOuterBordered
D: nzBordered
答案: 【 nzBordered】

26、单选题：
‌需要用户处理事务，又不希望跳转页面以致打断工作流程时，可以使用（   ）在当前页面正中打开一个浮层，承载相应的操作。​
选项：
A: Modal
B: Alert
C: Notification
D: Dialog
答案: 【 Modal】

27、单选题：
‎nz-drawer组件参数（   ）用于设置是否显示右上角的关闭按钮。‏
选项：
A: nzClosable
B: nzCloseIcon
C: nzMaskClosable
D: nzMask
答案: 【 nzClosable】

28、单选题：
‎nz-drawer组件参数（   ）用于设置是否支持键盘 esc 关闭。‍
选项：
A: nzClosable
B: nzCloseIcon
C: nzMaskClosable
D: nzKeyboard
答案: 【 nzKeyboard】

29、单选题：
‏测试Nginx服务器是否正常启动时，在浏览器的地址栏中输入（   ），如果显示nginx的欢迎页面表示服务器运行正常。‍
选项：
A: localhost:4200
B: localhost
C: http://nginx.org/en/download.html
D: http://nginx.org/en/ 
答案: 【 localhost】

30、单选题：
‎Angular项目打包命令是（   ）。‏
选项：
A: ng new
B: ng generate
C: ng g
D: ng build
答案: 【 ng build】

31、单选题：
​Angular项目打包完成后会在项目根目录下生成（   ）文件夹。‏
选项：
A: web
B: html
C: angular
D: dist
答案: 【 dist】

32、单选题：
​本地IP地址的查看命令是（   ）。‌
选项：
A: localhost
B: ip
C: ipconfig
D: localip
答案: 【 ipconfig】

33、多选题：
‍NzNotificationService服务提供了的方法包括（  ）。‏
选项：
A: NzNotificationService.blank(title, content, [options])
B: NzNotificationService.success(title, content, [options])
C: NzNotificationService.error(title, content, [options])
D: NzNotificationService.info(title, content, [options])
E: NzNotificationService.warning(title, content, [options])
答案: 【 NzNotificationService.blank(title, content, [options]);
NzNotificationService.success(title, content, [options])】

34、判断题：
‏nz-image图片可预览，预览时可以拖动、缩放以及旋转图片。‌
选项：
A: 正确
B: 错误
答案: 【 正确】

35、判断题：
‍Nginx是一个高性能的HTTP和反向代理轻量级Web服务器，其特点：占用内存少，处理并发能力强。‏
选项：
A: 正确
B: 错误
答案: 【 正确】

随堂测验1

1、单选题：
‏nz-image图片的正确使用方法是（   ）。​
选项：
A: <nz-image width="200px" height="200px" nzSrc="imgPath" alt="" />


B:

<img nz-image width="200px" height="200px" nzSrc="imgPath" alt="" />

C:

<img nz-image width="200px" height="200px" src="imgPath" alt="" />

D: <nz-image width="200px" height="200px" src="imgPath" alt="" />
答案: 【 

<img nz-image width="200px" height="200px" nzSrc="imgPath" alt="" />

】

2、单选题：
‎如果要禁止nz-image图片预览，需要设置属性（  ）。‏
选项：
A: nzFallback
B: nzPlaceholder
C: nzDisablePreview
D: nzDirection
答案: 【 nzDisablePreview】

3、单选题：
‌nz-input输入框的正确使用方法是（   ）。​
选项：
A: <input nz-input placeholder="large size" nzSize="large" />
B: <input nz-input placeholder="large size" size="large" />
C: <nz-input placeholder="large size" nzSize="large" />
D: <nz-input placeholder="large size" size="large" />
答案: 【 <input nz-input placeholder="large size" nzSize="large" />】

4、单选题：
‎nz-input-group组件参数（   ）用于设置前缀图标。‌
选项：
A: nzAddOnAfter
B: nzAddOnBefore
C: nzPrefix
D: nzSuffix
答案: 【 nzPrefix】

5、单选题：
‍nz-checkbox指令参数（  ）用于指定当前复选框是否被选中，可双向绑定。‏
选项：
A: nzDisabled
B: ngModel
C: nzAutoFocus
D: nzValue
答案: 【 ngModel】

6、单选题：
‏nz-radio指令参数（  ）用于自动获取焦点。​
选项：
A: nzDisabled
B: ngModel
C: nzAutoFocus
D: nzValue
答案: 【 nzAutoFocus】

7、单选题：
‎nz-slider组件属性参数（  ）用于设置滑块是否只能拖拽到刻度上。‏
选项：
A: nzDisabled
B: nzDots
C: nzIncluded
D: nzMarks
答案: 【 nzDots】

8、单选题：
‍nz-slider组件属性参数（   ）用于设置双滑块模式。‌
选项：
A: nzMax
B: nzMin
C: nzRange
D: nzStep
答案: 【 nzRange】

9、单选题：
‎nz-carousel组件参数（   ）用于设置是否自动切换。​
选项：
A: nzAutoPlay
B: nzAutoPlaySpeed
C: nzDotRender
D: nzDotPosition
答案: 【 nzAutoPlay】

10、单选题：
‏nz-carousel组件参数（   ）用于设置动画效果函数。‌
选项：
A: nzAutoPlay
B: nzEffect
C: nzDotRender
D: nzDotPosition
答案: 【 nzEffect】

11、单选题：
‏nz-carousel组件参数（   ）用于设置面板指示点位置。‍‏‍
选项：
A: nzAutoPlay
B: nzEffect
C: nzDotRender
D: nzDotPosition
答案: 【 nzDotPosition】

12、单选题：
‍nz-switch组件属性参数（   ）用于指定当前是否选中，可双向绑定。‍‍‍‍‍
选项：
A: nzDisabled
B: nzUnCheckedChildren
C: nzCheckedChildren
D: ngModel
答案: 【 ngModel】

13、单选题：
​nz-tabset组件参数（  ）用于设置是否使用动画切换 Tabs。‍​‍​‍
选项：
A: nzSelectedIndex
B: nzAnimated
C: nzSize
D: nzTabBarExtraContent
答案: 【 nzAnimated】

14、单选题：
‎nz-tabset组件参数（   ）用于设置标签居中展示。‌‎‌‎‌
选项：
A: nzTabBarGutter
B: nzCentered
C: nzHideAll
D: nzCanDeactivate
答案: 【 nzCentered】

15、单选题：
‌nz-date-picker组件参数（   ）用于设置默认面板日期。‎‌‎‌‎
选项：
A: nzAllowClear
B: nzAutoFocus
C: nzBackdrop
D: nzDefaultPickerValue
答案: 【 nzDefaultPickerValue】

16、单选题：
‎nz-date-picker组件参数（   ）用于设置选择模式。‍‎‍‎‍
选项：
A: nzFormat
B: nzInputReadOnly
C: nzMode
D: nzPlaceHolder
答案: 【