Angular1.0的面试题目汇总（持续更…

Angular1.0的面试题目汇总（持续更新）

1,angular 中的 ui-router与ngRoute的区别

（ps：参考链接  http://yijiebuyi.com/blog/3aab7ad8bccb22b4a881849c0593d5e2.html ）

 angular.js 是一种富客户端单页面应用,所以要在一个页面呈现不同的视图,路由起到了至关重要的作用.

（1）angular.js 为我们封装好了一个路由工具 ngRoute ,它是一种靠url改变去驱动视图.

        angularUI 也为我们封装了一个独立的路由模块 ui-router ,它是一种靠状态 state 来驱动视图.

（2）ngRoute 和 ui-router使用时需要ui中用ui-view指令指定 如:

ngRoute

使用时需要ui中用ng-view指令指定 如:<</span>div ng-view></</span>div>

url改变此区域会被刷新.

首先要配置注册 ngRoute 

var app = angular.module(“YIJIEBUYI", ['ngRoute']);                

app.config(function ($locationProvider) { 

});

路由设置:

angular.module(‘YIJIEBUYI').config(['$urlRouterProvider',

function($urlRouterProvider) {

$urlRouterProvider

.when(“/blog", “/blog/index")

.otherwise("/blog/index");

});

ui-router

使用时需要ui中用ui-view指令指定 如:

需要下载 ui-route 文件.

首先配置注册 ui-route(src\webapp\scripts\app.js)

var app = angular.module(“YIJIEBUYI", [‘ui.router']);                              

app.config(function () {      //路由配置 })

路由设置 (src\webapp\apps\myApp\route.js):

angular.module(‘YIJIEBUYI').config(['$stateProvider',

function($stateProvider) {

    $stateProvider.state('myComm.mv', {

            abstract: true,

            url: '/mv',

            template: '

     });

        $stateProvider.state('myComm.mv.manager', {

            url: '/manager',

            templateUrl: '/apps/manoApp/mv/mv-manager.tpl.html',

            controller: 'MvManagerCtrl'

    });

});

2. ng-if和ng-show的区别？

ng-if会移除dom，生成dom，而ng-show只是改变其display属性。

    ng-if 判断结果如果为 false ，那么不会加载(没有DOM结构)。

ng-show  判断结果如果为 false ，那么，只不过不显示在页面上，还是会加载(display:none)。  

4.JSP 全名为 Java Server Pages ，一种动态网页技术标准，它实现了 Html 语法中的 java 扩展（以