【前端面試題】09—44道常見Augluar基礎(chǔ)面試題下（附答案）

<p>{ { name } }</p><div ng-if="true"><nput type="text" ng-model="name"></div>

<p>{ { data.msg } }</p><div ng-if="true"><input type="text"  ng-model="data.msg"></div>

<div>{ { parseInt（100.5）} }</div>

$scope. parseInt =function（num）{ return parseInt（num）}

<div> { {12.34  |  icktParseInt）</div>.filter（'icktParseInt'， function() {   return function（value）{      return parseInt（value）} } )

<div> { { time  |  date : 'yyyy-MM-dd' }}</div>

.controller（'main'， function（$scope, $filter） { console.log（$filter（'date'）（Date. now（），'HH:mm:ss'))

factory(' ickt'， function () { return  {   color: 'red '    }}) service通過this暴露服務(wù)的接口對象.service（'ickt'， function() {this .color = 'green '})

.provider（'ickt', function () {this .$get = function () { return { color：'blue'}}})

<button ng-click="val=val+1">demo</button>

CSSJS    controllers     models     services     filters     templates

CSS modules     user         controllers          models          services          filters          templates activity          controllers          models          services          filters          templates

ngRoute angular .module（'ickt'，[' ngRoute'])//在 config中定義路由.config（function （$routeProvider）{// console. log（'config'， this, arguments）$routeprovider//首頁.when（' / home'， { template：'<hl>home  {  { color } }</h1>'，//控制器controller:function（$scope）{$scope. color ='red'}})//配置默認(rèn)路由.otherwise ({redirectTo：'/home'}) ui .router angular .module（'ickt'，[ 'ui .router' ] )//配置路由.config ( function($stateProvider ) {// console. log（$stateProvider)//配置首頁$stateProvider .state (' home',{/*定義規(guī)則*/url：'/home/：id？a&b, template：'<h1>home page  { { color } }</h1>' ,//定義控制器controller:function（$scope）{$scope. color ='red'}})})

angular .module（'myApp.moduleA', [ ] ).factory（'serviceA, function  ( )  {...} )angular .module（'myApp. moduleB'， [ ] ).factory（'serviceA ', function( ) {...})angular .module（'myApp，[' myApp. moduleA'，'myApp. moduleB'])

function myCtrl（$scope）{ $scope.a=='aaa'；$scope.foo = function ( ) {...    }}

function myCtr1 ( ) {//使用vm捕獲this可避免內(nèi)部的函數(shù)在使用this時導(dǎo)致上下文改變。

var vm = this； vm.a = 'aaa'；

if （directive .controllerAs）{locals. $scope [ directive .controllerAs ]= controllerInstance；}

var timebar =$timeout ( function ( ){$scope,msg='有課前端網(wǎng)'}，1000）$timeout.cancel（timebar）

var watchFn = $scope. $watch（'msg ', function（newValue） {if （newValue ==='icketang）{// $watch（）會返回一個停止注冊的函數(shù)，可以執(zhí)行該函數(shù)進(jìn)行注銷watchFn ( )}console. log（newValue）} )

myApp. config（function （$compileProvider）{ $compileProvider .debugInfoEnabled（false）;})；

@Directive ({selector：'[app Demo]'，//定義發(fā)送的數(shù)據(jù)outputs：[ 'sendMessage' ]})export class DemoDirective  {sendMessage = new EventEmitter ( ) ;constructor ( ) {setInterval（o=>//發(fā)布消息this sendMessage emit（'hello）}，2000）//父組件<hI （sendMessage）="receiveMessage（） appDemo >demo</h1>export class AppComponent i//定義接收數(shù)據(jù)的方法receiveMessage（） t console. log（' success）

<div ng-bind="message"></div>