问题标签 [ng-view]

I am building an AngularJS app. I have the following structure:

Here is my app.js file:

Here is the index.html :

I don't have errors in the browser but when I load the index.html, the home.html is not included. I am wondering why? The index.html just contains the menu but ng-view is not working my partial is not loaded.

Added : Thanks I notice I have an error on the configuration of module lines var app = angular.module('app',['ngRoute','ngResource','ui-bootstrap']);

I removed the loading of ui-bootstrap which is in error. So my code is Now it works I'll see later why I am not able to load ui-bootstrap module. Thanks to @Edminsson for code you paste at Plunker

我正在尝试让我的 Angular-Flask 应用程序在基本 html 文件中呈现部分 HTML 文件。应用程序加载基本 html（窗口标题和页脚加载），但 ng-view 没有加载任何内容。也许我对部分的角度路由不正确？

文件结构

家

base.html

主页.html

appController.js

homeController.js

路由.js

有谁知道为什么我无法加载部分内容？非常感谢。

尝试

1. 将 templateURL 更改为：
   • /partials/home.html
   • ../partials/home.html
   • 静态/partials/home.html
   • /static/partials/home.html
   • ../static/partials/home.html

如果有帮助，这里是我一直关注的教程的链接：http: //blog.pangyanhan.com/posts/2013-08-27-ngtut.html

1. 将 base.html 移至静态文件夹

我是 Angular 的新手。我有一个简单的角度应用程序，我尝试查看路由如何以角度工作。我有三个链接，我希望 Angular 为我更改 URL 并为同一单页应用程序中的每个链接显示正确的视图。这是我的代码：

索引.html

控制器.js

该应用程序没有为 ng-view 显示任何内容。我应该改变什么？我遵循了许多在线示例，但不知道我缺少什么。[我在这里看到了很多类似的问题，但他们有自己的具体问题（jquery相关，浏览器问题，..）。]

谢谢，

我是 Angular 的新手，但我想知道一旦加载了模板，你是否可以在 ng-view 中制作动画？

例如，我想单击导航中的链接并在 ng-view 中加载 html 模板，在此 html 模板中，然后我希望各个 div自动动画/淡入页面，而无需任何进一步的单击/交互用户.

因此，从最初单击导航开始，这一切都成为一个流畅的动画。

这可能吗？到目前为止，我所看到的所有信息都只是谈论动画实际的 ng-view本身，而不是动态定位的 html 内容。

任何帮助将不胜感激！

我正在使用 Maven 开发 MVC 项目。

后端：Spring Boot 框架（Tomcat 服务器）、MySQL db、用于 db 绑定的 hibernate、dao 扩展 CrudeRepository、NO SERVICE（不需要，小应用程序）、4 个类（模型）和 4 个控制器。到目前为止，这里没有问题。但是，当我开始从事前端工作时，我遇到了一个或多个问题。

前端：在我的 index.html 页面中，我通过 cdn、app.js 和 userController.js 包含了 AngularJS 和（Angular）UI Bootsrap（我认为我的文件 userControll 对我的问题并不重要，但我必须指出它存在于index.html)、data-ng-app="collectionsApp"（collectionApp 是通过 app.js 创建的应用程序）和 data-ng-view（此文件应在文件夹视图中加载另一个名为 login.html 的 html 文件）。

在文件 app.js (/webapp/scripts/app.js) 中，我创建了 collectionsApp 应用程序和函数 ($routeProvider)。

当我在 Application.java 上执行“作为 Java 应用程序运行”时（在 SpringApplication.run(Application.class, args) 程序运行的情况下主函数所在的后端类中，服务器启动并且休眠连接到数据库而没有错误或警告.

当我打开 Chrome 并在地址栏中输入 localhost:8095 （我通过 application.properties 文件故意将端口从通常的 8080 更改为 8095，因为在我的机器上 8080 被阻止，我想这不是问题）我可以只看到空白页。

这是问题，因为 data-ng-view 应该加载 login.html 而我没有！

我的 index.html 文件：

我的 login.html 文件：

我的 app.js 文件：

我的文件夹结构。

我正在编写一个嵌入了谷歌地图的应用程序。这个嵌入在我做一些路由之前显示，但现在它不会工作。这是 AngularJS 的常见问题吗？如果不是，我认为不是，有人可以向我解释我做错了什么吗？
这是我的代码：

JS：

索引 HTML：

地图 HTML：

如果更适合您，这里也是完整项目的一部分：http
://plnkr.co/edit/AiVc6nccqke8Jluonpxl?p=preview 感谢您的帮助！

在我的 angularjs 应用程序中，<ng-view>元素中的部分将我的表单复选框的 css 更改为用户代理的默认 css。

当我直接检索复选框而不经过时，$routeProvider我得到了用我的自定义 css 呈现的复选框元素。在ng-view元素之外，复选框元素使用自定义 css 渲染得很好。

有没有办法为复选框元素呈现自定义css，而不是用户代理的默认css？

我是 AngularJS 的新手，我正在通过一个应用程序工作，当我加载应用程序的主页时，该应用程序在页面加载时加载了几个 jQuery 插件。

现在，在我使用的那个主页中，ng-view通过$routeProvider. 现在我嵌入的部分模板ng-view需要$routeProvider初始化一些 jQuery 插件才能正确显示。

有人可以通过渲染部分模板来帮助我理解 jQuery 插件的初始化ng-view吗？

我有一个功能可以在点击时包含 html 文件。问题是它在 ng-view 下（使用 $routeProvider）不起作用，而在 ng-view 之外它可以正常工作。我怀疑将包含功能从控制器移动到服务可能会有所帮助，但我不确定如何做到这一点，因为我是 Angular 的新手。

工作时的HTML：

不工作时的 HTML：

主.html：

APP.js：

主控件：

上述“包含”功能不适用于 $routeProvider。在没有 $routeProvider 的情况下在 ng-view 之外使用时可以正常工作。将“包含”功能从 mainCtrl 移动到服务可以解决问题吗？有小费吗？

谢谢

我已经学习 angular.js 一个星期了，我正在尝试做一个练习项目。当我看到 HTML 代码时， < div ng-view > 部分被视为只是 < ! -- ngView: -->

以下是我的文件

应用程序/index.html

应用程序/js/controllers.js

应用程序/js/app.js

当我单击导航栏中的链接时，网址会更改。如果我检查 HTML 代码，则该部分被视为

注意：如果我将 templateUrl 更改为仅 template :，它可以正常工作。

我无法理解 templateUrl 无法正常工作的原因。正确的部分 html 文件存在于部分目录中，并带有一些随机文本。