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

来源：互联网发布：网络交换机千兆百兆编辑：程序博客网时间：2024/06/01 08:11

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扩展（以

0 0

网络交换机千兆百兆

原创粉丝点击