问题标签 [angularjs-view]

我正在使用带有模板系统的 AngularJs。我想向每个模板添加特定的内联 javascript 脚本，为所选选项卡添加警报框（主页 | 列表 | 设置）

Html 呈现： 但是添加了 ng-scope，并且在您更改选项卡时没有任何警报。

我在这里提供了示例：

http://bit.ly/HWcN1H

或在这里

带有 alert("template1") 的plunkr 示例出现在 template1.html 中，但呈现为

<input type="text" ng-model="user.User.DateOfBirth">在我看来。user.User.DateOfBirth目前是YYYYMMDD格式，但我希望它mm/dd/yyyy在视图中显示为格式。是否可以仅将其转换为显示？

在自定义验证指令中，我确保输入的值不会与数据库中的其他值冲突。如果是这样，我想告诉用户不仅有冲突，而且还有与之冲突的项目的名称。

将这些细节存储在范围中可能会起作用，但对我来说似乎根本不对。有没有更好的办法？

指示：

看法：

我已经ng-include使用ng-view. 我还在对用户进行身份验证，并预取任何控制器和视图所需的几乎所有数据route.resolve。

问题是用户导航部分是使用ng-show="currentUser"指令显示的，因此当用户登录并currentUser设置时，会显示导航部分，但新视图仍在等待显示，直到所有数据都被获取route.resolve。用户退出时也会发生同样的情况 - 导航栏被隐藏，并且在用户被重定向之前仍然显示旧视图并显示退出用户的页面。

有没有办法以某种方式“链接”（重新）渲染主视图（ng-view）和该视图的部分外部？我唯一的另一个想法是将ng-include加载导航栏的指令移动到每个模板中，这很烦人。

我有一个页面，上面写着“生成”，上面有一个表格。然后您通过按“生成”按钮提交表单，我希望它在等待结果从服务器返回时将您带到一个名为“LOADING”的新视图，然后当响应成功返回时我想要它将您带到“分享”页面，让您分享您返回的内容。此流程全部在 1 个控制器/路由上：

http://mydomain.com/create

目前我的路线如下所示：

});

如何执行此视图切换行为，或者最推荐的方法是什么？如果响应是一个错误，我也想返回到创建页面，所以我需要那种控制。

谢谢！

所以，Angular 1.2 有完整的 ng-animate 支持，我一直在用它来进行页面转换——初始设置很简单，很棒。正向动画（从左到右），没问题。向后导航？问题。

从理论上讲，它只是有效：例如，请参阅http://codepen.io/ed_conolly/pen/aubKf。但是，我正在尝试使其适用于导航事件；例如，$locationChangeStart。

我观察到的是，当启动页面转换时，Angular 会创建第二个“ng-view”div，然后将 .ng-leave 类应用于旧的，将 .ng-enter 应用于新的。

我发现的（少数）示例告诉我只需将一个“后退”类添加到带有倒置动画的视图中，让它走另一条路。这有效......但不是真的。

我所看到的是“返回”类仅应用于新视图，而不是旧（ng-leave-ing）视图。

tl;博士：

• 我使用了错误的事件吗？是否有在第二个视图被创建和动画之前触发的事件，即在 $locationChangeStart 之前？
• 甚至可以通过事件来完成，还是我需要在导航事件上调用自定义助手？顺便说一句，这会破坏浏览器自己的历史功能。
• 甚至可以在香草Angular中做到这一点，还是我需要angular-ui？

当路由发生变化时，Angular 似乎会重新渲染整个视图。见这个例子：http: //jsfiddle.net/RSHG8/1/

html:

js：

在视图之间切换时忘记用户输入的文本。这对于非角度的东西也将是一个问题。例如一个 jQuery 展开折叠插件。如果用户展开一定数量的元素，离开视图并返回，状态将重置为所有折叠的内容。

是否可以让 Angular 简单地显示/隐藏视图，而不是在路由更改时擦除重新渲染？

我知道有$viewContentLoaded，但它在AngularJS 用范围变量替换占位符之前触发。

我设法通过在我的监听器中设置 0 毫秒的超时来解决这个问题$viewContentLoaded，但这非常难看。

我正在使用它来解析包含在部分中的 LessCSS 样式表，但是我有一个 URL 前缀字段，在将其传递给 LESS 之前，我需要将其替换为样式表 URL。

这是我的代码（带有我丑陋的黑客）：

这里有一个相关的问题：How can I trigger an event when an angular JS route template has been loaded

我尝试了答案，$routeChangeSuccess改为使用，但它给出了相同的结果。

干杯

我对 AngularJS 还很陌生，并试图边做边学。

我希望从视图中访问的指令中有一个函数。我的 HTML 文件中的内容是

发生的事情是toggle()应该在点击时调用该函数并将类更改为expanded，从而有效地更改 CSS 中描述的背景图像。toggle()在collapse指令内。

它似乎没有访问它，我不知道为什么。是否有另一种方法可以做到这一点或从视图中实际访问所述指令？你能解释为什么它不访问它吗？

我正在制作一个网络应用程序，用户可以在其中查看地图上的对象，按下标记并转到包含信息的新视图。从这个角度来看，他们可以更深入地了解更多信息。

就像是：

• /地图
• /tree/{treeid}
• /tree/{treeid}/信息/{informationid}

我知道在路由/状态之间遍历时如何保持实际的模型状态。问题是当我返回浏览器历史记录时，我不想重新计算整个地图（带有标记和所有内容）。换句话说，我想在进一步遍历时保持 /map 的渲染状态。

这可以通过使用搜索参数而不是 /map 上的路由（即 /map?treeid=10）并禁用搜索时重新加载，并在地图对象上执行 ng-hide="treeid" 和在地图对象上执行 ng-show 来轻松实现树信息对象。

我的问题是，是否有更好、更合适的方式来做这件事？

提前致谢。