Angular Web前端框架开发基础知到智慧树期末考试答案题库2024年秋北方工业大学

AngularWeb前端框架开发基础知到智慧树期末考试答案题库2024年秋北方工业大学NgFor指令代码：*ngFor="letitemofitems,indexasi"中，index表示（）

A:items数组中第一个元素的下标

B:items数组元素个数

C:items的数组元素item的下标

D:item

答案:items的数组元素item的下标如果希望根据一个条件来决定标签的显示效果（包括显示或删除），可以使用（）指令。

A:ngFor

B:ngClass

C:ngIf

D:ngStyle

答案:ngIf定义表单局部变量时要为它初始化为（）。

A:formBuilder

B:ngForm

C:ngModel

D:formCotrol

答案:C:ngModelAngular系统中通过在类上添加（）装饰器来告诉系统这个类（服务）是可注入的。

A:@Pipe

B:@Injectable

C:@Component

D:@Input

答案:B:@Injectable定义抽象类使用的关键字是（）。

A:abstract

B:extends

C:class

D:implements

答案:A:abstract如果要设置nz-button按钮类型为虚线框，则需要设置按钮属性nzType的值为（）。

A:Text

B:primary

C:dashed

D:link

答案:C:dashed在多数情况下，AntDesign将整个设计建议区域按照（）等分的原则进行划分。

A:48

B:24

C:36

D:12

答案:24如果要设置nz-divider分割线中文本的位置，则需要设置属性（）。

A:nzOrientation

B:nzDashed

C:nzPlain

D:nzText

答案:D:nzText代码：enumColor{RED,GREEN,BLUE}中定义的枚举常量GREEN的值是（）

A:2

B:3

C:1

D:0

答案:1Flex容器默认存在两根轴：mainaxis和（）。

A:flexaxis

B:flexitem

C:crossaxis

D:flexcontainer

答案:C:crossaxisFlex布局交叉轴的开始位置叫做（）

A:crossstart

B:crossend

C:mainstart

D:mainend

答案:crossstart代码：{{0.259|currency:'USD':false}}的运行结果是（）

A:USD0.259

B:USD0.26

C:$0.259

D:$0.26

答案:C:$0.259数据绑定的实现原理。网页内容是由数据和设计两部分组合而成，将数据显示在页面上并且有一定的交互效果（比如点击操作会引发页面反应等）则是（）文件的主要工作。

A:CSS

B:TS

C:SCSS

D:HTTP

答案:TS事件绑定的信息传递方向是（）。

A:由组件逻辑文件（TS）向组件模板文件（HTML）传递

B:组件逻辑文件（TS）和组件模板文件（HTML）之间进行双向传递

C:由组件模板文件（HTML）向组件逻辑文件（TS）传递

D:由组件模板文件（HTML）向组件样式类文件（SCSS）传递

答案:C:由组件模板文件（HTML）向组件逻辑文件（TS）传递需要用户处理事务，又不希望跳转页面以致打断工作流程时，可以使用（）在当前页面正中打开一个浮层，承载相应的操作。

A:Alert

B:Notification

C:Dialog

D:Modal

答案:D:Modal下列（）是八进制数。

A:0b1011

B:147

C:0o275

D:0xa2f

答案:0o275nz-date-picker组件参数（）用于设置选择模式。

A:nzMode

B:nzPlaceHolder

C:nzFormat

D:nzInputReadOnly

答案:A:nzModeNgSwitch共包含3个指令，以下（）指令不包含在NgSwitch指令中。

A:ngSwitchDefault

B:ngSwitch

C:ngSwitchCase

D:ngSwitchType

答案:D:ngSwitchType代码：＜inputtype="radio"name="fontSize"value=20[(ngModel)]="fontSize"＞中，fontSize的值和input控件的（）属性实现双向数据绑定。

A:Id

B:type

C:value

D:name

答案:valueFlex容器布局中，（）属性用于设置项目在交叉轴上有多根轴线时的对齐方式。

A:flex-direction

B:align-content

C:align-items

D:justify-content

答案:align-contentnz-col栅格组件属性（）用于设置栅格顺序。

A:nzPull

B:nzOrder

C:nzOffset

D:nzPush

答案:B:nzOrdernz-carousel组件参数（）用于设置面板指示点位置。

A:nzEffect

B:nzDotRender

C:nzDotPosition

D:nzAutoPlay

答案:C:nzDotPosition边框样式属性值（）用来设置点线边框。

A:dotted

B:dashed

C:solid

D:Double

答案:dotted代码：margin:10px20px;表示上下外边距是（）

A:10px

B:5px

C:15px

D:20px

答案:A:10pxFlex项目布局属性中，（）用于设置项目的前后排列顺序。

A:flex-basis

B:flex

C:order

D:flex-grow

答案:C:orderAngular一般意义上是指Angularv2及以上版本，它是一种前端应用框架，使用（）语言。

A:Node.js

B:TypeScript

C:Zonejs

D:JavaScript

答案:TypeScript生命周期函数（）是在当Angular把外部内容投影进组件视图或指令所在的视图之后调用。

A:ngAfterContentInit()

B:ngDoCheck()

C:ngOnInit()

D:ngOnChanges()

答案:A:ngAfterContentInit()Flex容器布局中，（）属性用于设置项目在交叉轴上的对齐方式。

A:align-items

B:flex-wrap

C:flex-direction

D:justify-content

答案:align-itemsVisualStudioCode是（）公司开发的软件。

A:苹果

B:谷歌

C:腾讯

D:微软

答案:微软nz-row栅格组件属性（）用于设置水平对齐方式。

A:nzGutter

B:nzJustify

C:nzCenter

D:nzAlign

答案:B:nzJustify路由对象（）是在Html中声明路由导航用的指令，用于实现链接路由。

A:RouterLink

B:Router

C:RouterOutlet

D:Routes

答案:A:RouterLink本地IP地址的查看命令是（）。

A:ipconfig

B:localhost

C:localip

D:ip

答案:A:ipconfig假设一个Dom节点的锚点是myBox，利用@ViewChild()装饰器获取该节点的代码是（）。

A:@ViewChild('myBox')myBox1:any;

B:@ViewChild('myBox1')myBox1:any;

C:@ViewChild('myBox1')myBox:any;

D:@ViewChild()myBox:any;

答案:@ViewChild('myBox')myBox1:any;nz-radio指令参数（）用于自动获取焦点。

A:nzAutoFocus

B:nzValue

C:ngModel

D:nzDisabled

答案:A:nzAutoFocus生命周期函数（）是在当Angular设置或重新设置数据绑定的输入属性时响应。

A:ngOnChanges()

B:ngDoCheck()

C:ngOnInit()

D:ngAfterContentInit()

答案:ngOnChanges()代码：{{2.718281828459045|number:'3.4-5'}}的运行结果是（）

A:002.718282

B:2.71828

C:002.71828

D:002.718

答案:002.71828nz-row栅格组件属性（）用于设置栅格间隔。

A:nzGutter

B:nzAlign

C:nzCenter

D:nzJustify

答案:nzGutter要实现父组件向子组件传值，需要在接收父组件传值的子组件属性前用（）装饰器进行装饰。

A:@Service()

B:@Output()

C:@ViewChild()

D:@Input()

答案:@Input()使用ng-zorro-antd组件库中的图标组件正确的代码是（）。

A:＜nz-dividernzDashed＞＜/nz-divider＞

B:＜dividernz-dividernzDashed＞＜/divider＞

C:＜dnz-dividernzDashed＞＜/d＞

D:＜dividenz-dividernzDashed＞＜/divide＞

答案:A:＜nz-dividernzDashed＞＜/nz-divider＞在Html中标记路由内容呈现位置的点位符指令是（）。

A:RouterOutlet

B:RouterLink

C:Routes

D:Router

答案:A:RouterOutlet在组件中使用服务时，也可以像使用普通类一样首先导入服务类，然后创建服务类对象，并通过对象使用服务功能。（）

A:对B:错

答案:B:错在父组件模板中，通过定义子组件局部变量可以直接使用子组件的属性和方法。（）

A:错B:对

答案:对在类的静态方法中访问类的静态属性时既可以使用this关键字，又可以使用类名。（）

A:对B:错

答案:对一个抽象类可以由多个子类继承，而且每个子类都必须重新定义抽象父类中的抽象方法，各个子类重新定义的抽象方法可以由不同的表现。（）

A:错B:对

答案:对事件绑定中的函数必须在组件类中进行定义（）。

A:错B:对

答案:对实现子接口的类除了重新定义子接口中的所有属性和方法外，还必须重新定义父接口中的所有属性和方法。（）

A:对B:错

答案:B:错被注入的依赖对象就像每棵树上的果实，可以出现在任何层级的组件中。（）

A:错B:对

答案:B:对如果在父组件和子组件中同时注入依赖，则子组件会优先使用父组件的依赖。（）

A:对B:错

答案:错NgModule级注入服务有两种方式：一个是在@NgModule()的providers元数据中指定，另一种是直接在@Injectable()的providedIn选项中指定模块类。（对）6.providedIn:'root'可以简单的认为root字符串就代表顶级AppModule，表明当前服务可以在整个Angular应用里面使用。（）

A:对B:错

答案:对继承抽象类的类必须重新定义抽象类中的抽象方法，而且要给出抽象方法的具体实现。（）

A:对B:错

答案:对用户操作会改变表单的属性状态，可以通过检查表单当前的属性状态值来赋予表单特定的样式或加入特定的处理逻辑。（）

A:对B:错

答案:A:对依赖注入可以传递到子组件中，子组件可以共享父组件中注入的实例，无须自己再次创建。（）

A:错B:对

答案:B:对在类的实例方法中访问类的实例属性时既可以使用this关键字，又可以使用类名。（）

A:错B:对

答案:错Angular借助Ionic、ReactNative可以开发跨平台的原生App。（）

A:对B:错

答案:对利用泛型类创建对象时，可以不用给出泛型的具体类型。