首页
学习
活动
专区
圈层
工具
发布
    • 综合排序
    • 最热优先
    • 最新优先
    时间不限
  • 来自专栏网络技术联盟站

    深入了解 AngularJS 路由的原理和使用技巧

    通过使用ngRoute模块,我们可以轻松地配置和定义路由,以及处理各种导航事件。1.3 路由的好处使用路由机制的好处有很多。首先,它能够实现无刷新页面加载,提供良好的用户体验。 第二部分:配置和定义路由2.1 引入 ngRoute 模块要使用 AngularJS 的路由功能,首先需要引入 ngRoute 模块。 可以通过在 HTML 文件中添加 <script> 标签引入 AngularJS 库和 ngRoute 模块,或者使用构建工具如Webpack等进行模块化管理。 2.2 配置路由一旦引入了 ngRoute 模块,就可以配置和定义应用程序的路由。 通过设置链接的 href 属性或者与 ngRoute 模块一起使用,我们可以实现在不刷新页面的情况下切换路由。3.2 控制器和模板每个路由可以关联一个控制器和一个模板。

    1.3K10编辑于 2023-07-04
  • 来自专栏HUC思梦的java专栏

    Angular.js学习笔记(三)

    app.controller('myCtrl', function($scope, hexafy) { $scope.hex = hexafy.myFunc(255); }); 三、路由 NG中路由是单独提供的功能模块 ngRoute , 也是一个单独发行的文件 - 安装或者下载angular-route的包 - 引入这个包 - 在自己的模块中添加 ngRoute 依赖 - 路由配置(配置路由规则) + 规则指的就是 什么样的请求 找什么控制器 2、包含了 ngRoute 模块作为主应用模块的依赖模块。 angular.module('routingDemoApp',['ngRoute']) 3、使用 ngView 指令。

    9.1K20发布于 2020-09-03
  • 来自专栏ops技术分享

    AngularJS 路由

    /li>

<script> angular.module('routingDemoApp',['ngRoute 2、包含了 ngRoute 模块作为主应用模块的依赖模块。 angular.module('routingDemoApp',['ngRoute']) 3、使用 ngView 指令。

2.3K10发布于 2021-07-26
  • 来自专栏代码人生

    AngularJS系列(十一)——路由和复制

    libs/angular-route/1.3.13/angular-route.js"></script> <script> angular.module("routingDemoApp", ['ngRoute 2、包含了 ngRoute 模块作为主应用模块的依赖模块。 angular.module('routingDemoApp',['ngRoute']) 3、使用 ngView 指令。 /angular-route.js"></script> <script> angular.module('routingDemoApp',['ngRoute

    2K20发布于 2019-10-30
  • 来自专栏python3

    AngularJs(3)

    text/javascript" src="angular-route.min.js"></script> <script type="text/javascript"> //在模块中的[]中引入ngRoute var myApp = angular.module('myApp', ['ngRoute']) //在配置中引入$routeProvider myApp.config(['$routeProvider

    2.2K20发布于 2020-01-14
  • 来自专栏卯金刀GG

    【ionic+angularjs】angularjs ui-router路由简介($urlRouter、$state、$stateProvider、ui-sref....)

    之前有写过一篇关于Angular自带的路由:ngRoute。今天来说说Angular的第三方路由:ui-router。 这里简单明了的说明下ngRoute和ui-router的区别吧,其实也没很大的区别,主要的就是ngRoute针对于单视图,而ui-router可用于多视图(这里说的视图是指在页面内我们可控制的,可变化的区域 比如: 我们点击了一个link,我们需要在视图中跳转到指定的一个页面,那么ngRoute已经满足了我们的需求,而当我们点击的时候,需要在分别在不同的地方跳转两个不同的页面的时候,ngRoute就不够用了 1.3定义视图 ui-view替代的是ngroute路由的ng-view。

    ui-view替代的是ngroute路由的ng-view。 在ngRoute中resolve选项可以允许开发者在路由到达前载入数据保证(promises)。在使用这个选项时比使用angular-route有更大的自由度。

    8.2K40发布于 2019-07-26
  • 来自专栏技术积累

    【转载】【ionic+angularjs】angularjs ui-router路由简介

    之前有写过一篇关于Angular自带的路由:ngRoute。今天来说说Angular的第三方路由:ui-router。 这里简单明了的说明下ngRoute和ui-router的区别吧,其实也没很大的区别,主要的就是ngRoute针对于单视图,而ui-router可用于多视图(这里说的视图是指在页面内我们可控制的,可变化的区域 比如: 我们点击了一个link,我们需要在视图中跳转到指定的一个页面,那么ngRoute已经满足了我们的需求,而当我们点击的时候,需要在分别在不同的地方跳转两个不同的页面的时候,ngRoute就不够用了 1.3定义视图 ui-view替代的是ngroute路由的ng-view。

    ui-view替代的是ngroute路由的ng-view。 在ngRoute中resolve选项可以允许开发者在路由到达前载入数据保证(promises)。在使用这个选项时比使用angular-route有更大的自由度。

    8.4K70发布于 2020-07-28
  • 来自专栏全栈程序员必看

    前端面试题angular_Vue前端面试题

    Angular1.x 中常用 ngRoute 和 ui.router,还有一种为 Angular2 设计的 new router(面向组件)。后面那个没在实际项目中用过,就不讲了。 无论是 ngRoute 还是 ui.router,作为框架额外的附加功能,都必须以 模块依赖 的形式被引入。 区别 ngRoute 模块是 Angular 自带的路由模块,而 ui.router 模块是基于 ngRoute模块开发的第三方模块。 ui.router 是基于 state (状态)的, ngRoute 是基于 url 的,ui.router模块具有更强大的功能,主要体现在视图的嵌套方面。 而在 ngRoute 中不能这样定义,如果同时在父子视图中 使用了

    会陷入死循环。

    15.6K20编辑于 2022-11-07
  • 来自专栏逸鹏说道

    使用OAuth打造webapi认证服务供自己的客户端使用(二)

    1、新建一个angular module,我们使用ngRoute来实现一个单页面程序,LocalStorageModule用来在本地存放token信息,angular-loading-bar是一个页面加载用的进度条 var app = angular.module('AngularAuthApp', ['ngRoute', 'LocalStorageModule', 'angular-loading-bar']);

    3.9K90发布于 2018-04-10
  • 来自专栏Ryan Miao

    初次使用AngularJS中的ng-view,路由控制

    第四步:创建module并配置路由 // app.js // define our application and pull in ngRoute and ngAnimate var animateApp = angular.module('animateApp', ['ngRoute', 'ngAnimate']); // ROUTING ==============================

    2.2K80发布于 2018-03-13
  • 来自专栏xingoo, 一个梦想做发明家的程序员

    AngularJs ng-route路由详解

    javascript中需要定义跳转的相关配置 <script type="text/javascript"> angular.module("myApp",["ngRoute"]) .controller div ng-view >

    -->
    <script type="text/javascript"> angular.module("myApp",["ngRoute

  • 2.5K61发布于 2018-01-17
  • 来自专栏张志敏的技术专栏

    AngularJS 多视图应用中的登录认证

    在 AngularJS 应用中, 都有一个唯一的变量 rootScope 当切换视图时, rootScope 会广播事件 angular // 声明应用程序模块 .module('app', ['ngRoute

    3.3K20发布于 2020-08-10
  • 来自专栏张志敏的技术专栏

    AngularJS 中的 controllerAs

    </ANY> 在 ngRoute 模块中使用, 语法为: $routeProvider .when('/my-url', { controller: 'MyController'

    1.3K20发布于 2020-08-10
  • 来自专栏ops技术分享

    AngularJS 路由--设置对象

    /angular-route.min.js"></script> <script type="text/javascript"> angular.module('ngRouteExample', ['ngRoute

    1.4K10发布于 2021-07-26
  • 来自专栏菜鸟计划

    angularjs MVC、模块化、依赖注入详解

    >

    </body> </html> var bookStoreApp = angular.module('bookStoreApp', [ 'ngRoute

    1.3K60发布于 2018-04-10
  • 来自专栏网络收集

    认识vue-route

    认识vue-route 目前前端流行的三大框架, 都有自己的路由实现: Angular的ngRoute React的ReactRoute Vue的vue-route 当然, 我们的重点是vue-route

    81430编辑于 2022-05-30
  • 来自专栏全栈程序员必看

    有序的hashmap_treemap是有序的吗

    www.cnblogs.com/xingyun/archive/2012/12/09/2809962.html package com.holdobject; import … 随机推荐 angularjs之插件ngRoute 和ngAnimate 使用ngRoute和ngAnimate配合使用,可以实现页面切换的效果.

    87830编辑于 2022-11-09
  • 来自专栏我和PYTHON有个约会

    AngularJS爬坑之路——路由关于路由的那点事儿

    var app = angular.module("myApp", ["ngRoute"]); app.config(["$routeProvider", function($routeProvider

    2.1K20发布于 2018-08-27
  • 来自专栏网络安全技术点滴分享

    AngularJS:构建更智能的Web应用框架

    路由配置// 路由配置angular.module('app', ['ngRoute']) .config(function($routeProvider) { $routeProvider

    24610编辑于 2025-10-16
  • 来自专栏张志敏的技术专栏

    按需加载 AngularJS 的 Controller

    angular-route'], function (config, loader) { 'use strict'; var app = angular.module('app', ['ngRoute

    1.8K10发布于 2020-08-10
  • 第 2 页第 3 页
    点击加载更多
    领券