问题标签 [ng-view]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
87 浏览

angularjs - 不共享近亲的 DOM 元素上的 ng-view

ng-view 有没有办法绑定两个不共享共同关闭父级的 DOM 元素?

我对 ng-view 的理解是它绑定了一个 DOM 元素以在模板之间动态切换(进一步生成视图)。如果我有一个搜索栏和一个标签在盒子模型意义上的“接近度”非常低,但在架构上应该绑定到同一个控制器,会发生什么?

除了强制相同的控制器元素共享一个共同的父元素并诉诸通常糟糕的 CSS 样式实践之外,还有其他方法吗?

0 投票
1 回答
735 浏览

angularjs - 滑动直到单击按钮时,AngularJS ngClass 未应用于新的 ngView

本周我在一个移动应用程序上实现了滑动,但没有发现清晰的演示显示双向滑动。所以我想回馈社区一点,我会写一个。直到我注意到一些我无法理解的奇怪行为。

我在演示中放了两个按钮来试驾演示。要滑动,您可以在文本旁边使用鼠标。发生的情况是,当我加载演示并滑动已经存在的 ngView 从 slideDir 获取类时,新的却没有。发生这种情况是因为新视图具有新范围并且不知道 slideDir 应该是什么。

情况二是当我在滑动之前按下一个按钮时,在按钮使用的范围内创建并填充了一个 slideDir,因此滑动开始几乎表现得像它应该的那样(除了两个范围之间的一些同步问题)。

那么在我的配置中我做错了什么?我的假设是因为应用程序控制器位于更高的 div 上,所以每次加载新的 ngView 时都不会重新启动。

以下网址包含演示:http ://blackunknown.com/demos/swipingdemo/demo.html

这是我在body标签中的设置:

这是我的javascript:

编辑:要执行实际的滑动,不要使用按钮,而是单击文本旁边的拖动。

0 投票
1 回答
2058 浏览

angularjs - 单页应用 angularJS

我正在开发一个示例应用程序来学习AngularJs

有三个链接显示ng-view.

main.html 有三个链接。

这是锚点:

它工作正常。但是当我尝试在新选项卡中打开链接时,它不会打开。

我知道路由是在客户端完成的,服务器不知道。

任何建议都会有所帮助。

我通过在线搜索找不到任何相关的答案。

谢谢。

编辑::服务器端代码。

在 nginx 中:

0 投票
1 回答
95 浏览

javascript - angularjs:如何在部分渲染后运行嵌入视图的javascript

我的视图(列出 img 标签的详细 itemId 部分)是从我的控制器呈现的。img 的数量取决于 itemId 指向的模型。我需要将包含 ing 标签的 div 更改为 # of img x img width。

为此,我需要确保视图中的 javascript 在部分我们渲染后运行。

怎么做?

0 投票
2 回答
67044 浏览

angularjs - Angularjs routing not working

Everything worked fine until I tried to add routing. I read that Angularjs version 1.2+ requires 'ngRoute' as an dependency (I am using version 1.2.16). I added it but it still doesn't work. Below are my codes.

test.html (Main Page)

testjs.js

first.html

0 投票
1 回答
2506 浏览

angularjs - Bootstrap 响应表在部分面板中无法使用 Angular js ng-view

我有一个应用程序,我在其中通过 Angular js 的 routeProvider 加载 html。在其中一个 html 中,我还包括基于 ng-switch 的 html。在子 html 中,我有带表格的面板。我想让这些表响应,但不知何故,即使在将表嵌入到具有类表响应的 div 之后,我也看不到表适合 div。

在 widgets.html 中,我有以下代码。

在 tables.html 我有以下标记

0 投票
2 回答
251 浏览

angularjs - 当里面有 ng-grid 时,ng-view 没有得到更新

请看下面的 plunker http://plnkr.co/edit/34JedA 这是一个带有 ng-grid 的简单应用程序。我需要做的是在单击编辑按钮时导航到编辑页面。发生的事情不是去网格中的编辑页面列,而是搞砸了。谁能解释它为什么会发生以及我可以做些什么来纠正它。

0 投票
1 回答
2448 浏览

javascript - angularJS模板url没有自动加载

  1. 当我在 input 中输入 char 时,它正在加载type="search"
  2. Page 两次调用“ajax 调用”。请求在“单击”或“onPageload”时触发两次

索引.HTML

这是我的 html 文件,它有一个搜索框

这个搜索框没有附加,为什么会发生这种愚蠢的事情?

模板 url 正在加载ng-view


index.js 文件:

这里我定义了模板 url 的路由配置。

在这里,我创建了一个服务,该服务调用将 ajax 调用发送到服务器并返回一个 json 对象。对每个请求调用两次 ajax 调用并返回两个“Json”数据对象。

0 投票
1 回答
577 浏览

angularjs - angularjs:如何使用指令处理弹出窗口,以便数据来自控制器模型

假设我在模板 URL 中有这个标签,来自模型的 HTML 被注入到该标签中(HTML 基本上是 <li> 要点):

模型的一部分如下:

正如你所看到的,一些 <li> 包含可以打开弹出窗口的标签。

我遇到的问题是跨度从他的属性中被切断,一旦注入部分。

任何想法?

0 投票
0 回答
251 浏览

angularjs - Angularjs:在页面转换上部分动画 ng-view

我有一个 Angular 应用程序,在 ng-views 之间有一个共享的操作栏:

ng-view 有 'slideOutLeft' 类,它可以将当前视图向左动画化,同时从右侧动画化一个新视图。

问题是动作栏的内容有时在 ng-views 之间可能会有很大的不同,并且创建一个工厂来用作 ng-view 上的控制器和动作栏之间的通信桥梁是非常困难的,动作栏是 ng-view 的兄弟。 ng-视图。显而易见的答案是将操作栏放在 ng-view 中,这样每个视图的每个视图都可以不同,并且操作栏可以访问视图控制器的范围。但是,我不希望操作栏与 ng-view 一起“slideOutLeft”。我只希望操作栏的内容在其下方的 ng-view 动画时保持固定。

如果我重新排序我的 DOM 以便

包含在 ng-view 的模板文件中,是否有防止操作栏在页面转换期间与 ng-view 的其余部分一起制作动画?