Loading [MathJax]/jax/output/CommonHTML/config.js
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >角度路由问题.不执行的路由

角度路由问题.不执行的路由
EN

Stack Overflow用户
提问于 2014-08-20 08:52:45
回答 2查看 324关注 0票数 1

我一直在学习斯科特·艾伦的一套教程。我一直试图模仿他到底做了什么,我相信,然而,我的角度路线只是没有被执行。

我有一个名为main.html的视图和一个名为index.html的shell/布局视图。在index.html中,主体标记中有ng视图,我在一个名为app.js的脚本文件中有一个路由,如下所示:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
(function(){

  var app = angular.module("githubViewer", ["ngRoute"]);

  app.config(function($routeProvider){
    $routeProvider
        .when("/main", {
          templateUrl: "main.html",
          controller: "MainController"
        })
        .when("/user/:username", {
          templateUrl: "user.html",
          controller: "UserController"
        })
        .otherwise({redirectTo:"/main"});
  });

}());

下面是index.html的脚本导入

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
 <script data-require="angular.js@*" data-semver="1.3.0-beta.5" src="https://code.angularjs.org/1.3.0-beta.5/angular.js"></script>
    <script src="https://code.angularjs.org/1.2.20/angular-route.js"></script>

我知道路由没有被击中的方式是因为main.html的代码没有被传递回页面。

角度路线的使用方式是否发生了变化?

这里还有一个指向我的plunk的链接:http://plnkr.co/edit/Ew73QexRoDZlrvPG2UA1?p=preview

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2014-08-20 10:04:17

您正在多次创建相同的角度模块。创建相同角度模块的次数只是失败。因此,只创建一次角模块,并在其他地方使用,如下所示

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
var app = angular.module('FirstModule');  // app.js
app.controller // controller.js
app.factory  // service.js
app.directive  // directives.js

这是更新的柱塞。

http://plnkr.co/edit/qWHkzj9v6nGhhb7MjDDf?p=preview

在创建闭包时,我将下面的自动执行函数更改为正常函数,在app.js中创建的模块在其他文件中不可用。

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
(function(){

}());

否则,您可以将在app.js中创建的模块作为参数传递给其他文件中的所有自动执行函数。

票数 3
EN

Stack Overflow用户

发布于 2014-08-20 10:06:10

修正了柱塞。您过去常常再次调用angular.module,并将其作为setter调用,而不是将其用作getter。

编辑:我迟到了一分钟=),您可以使用Vikram的答案,完全删除包装闭包。如果您需要使用闭包,只需使用var app = angular.module("githubViewer");而不是var app = angular.module("githubViewer", []);,以避免覆盖模块定义。

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/25410318

复制
相关文章
Android 隐藏显示键盘
版权声明:本文为博主原创文章,转载请标明出处。 https://blog.csdn.net/lyhhj/article/details/49105161
Hankkin
2018/09/06
1.9K0
android 模拟器 haxm,Android模拟器不使用HAXM
我遇到HAXM问题.在我使用Windows 7之前,一切都很好,但升级到Win8.1 Pro后,当我从AVD屏幕启动模拟器时,我看不到haxm启动消息. HAXM安装并正常工作,我安装了x86的图像,我的设备使用它但仍然无法在启动窗口中看到Emulator正在使用haxm的确认消息.
全栈程序员站长
2022/09/13
2.1K0
Android开发-模拟器的使用-02
我们开发的Android程序是放在移动设备(如:手机,平板电脑等)上面运行的,我们不可能每次编写一个程序都要放到移动设备上面去测试运行。这样是很不方便的。另外,不是每个开发人员都有这样的移动设备。
Hongten
2018/09/13
7990
[译]Android 模拟器:Project Marble 中的改进
这是 Android Studio 团队一系列博客文章中第三篇,深入探讨了 Project Marble 中的细节和幕后情况。本文是由模拟器团队的 Sam Lin(产品经理),Lingfeng Yang(技术主管)和 Bo Hu(技术主管)撰写的。
Android 开发者
2019/08/29
1.1K0
使用天天模拟器开发android应用
使用android studio开发安卓应用,自带的模拟器比较坑,于是用天天模拟器,先下载安装天天模拟器,然后:
冰封一夏
2019/09/11
5000
Genymotion Android模拟器Genymotion的安装和使用
下载地址:http://download.canadiancontent.netGenymotion.html
授客
2019/09/10
2K0
Genymotion Android模拟器Genymotion的安装和使用
移动端 input 键盘落下,页面未落下
页面整体不要设置 height:100%;overflow:hidden; 否则安卓端 点击input,页面不会上顶,也无法滚动,可能会遮挡【兑换】按钮,需要先收起键盘,再点击按钮,影响用户体验~
super.x
2019/11/03
8310
Android apk中so库文件未压缩
升级AS 3.6.1, 并且升级project build.gradle AGP 到3.6.1, 一个项目发现打包后文件骤然增大, 查看apk包,发现apk 包中so库文件未被压缩. 但是一个类似项目,相同版本却没有问题
全栈程序员站长
2022/07/02
1.3K0
Android apk中so库文件未压缩
Android TextView中显示图片
Android官方给我们提供的Html类下面的fromHtml方法 当你需要转换的HTML代码是带图片的,比如<IMG/>,那么你就需要使用到重载的第二个方法了,这个方法里面有个ImageGetter对象,实现这个类会发现它回调了一个抽象getDrawable方法,在这个方法里,我们可以进行远程图片的下载获取,本地资源图片的获取等。第三个参数TagHandler是用来自定义一些不属于HTML代码的一些标签,一般我们不会去用到,直接置为null即可 package com.example.mytestdemo
欢醉
2018/01/22
1.6K0
Android开发,在Fragment中,隐藏或关闭软键盘(虚拟键盘)的方法
网上可以搜到各种方法,实际测试中,我的开发用机中,仅仅下面这个方法有效,记录一下。
张云飞Vir
2020/03/16
4.3K0
Android SDK Manager无法显示可供下载的未安装SDK解决方案
Android SDK Manager无法显示可供下载的未安装SDK解决规划 2012-10-14
黄啊码
2020/05/29
2.8K0
一行代码帮你检测Android模拟器
博客:https://www.jianshu.com/p/434b3075b5dd
陈宇明
2020/12/15
4.3K0
一行代码帮你检测Android模拟器
点击加载更多

相似问题

Android键盘未显示

13

设置中未显示键盘的Android Manifest

10

Android :未显示软键盘

41

android web视图:键盘未显示

20

Android模拟器键盘

10
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文