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:錯

答案:對利用泛型類創建對象時，可以不用給出泛型的具體類型。