问题标签 [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.
angularjs - Angular JS ng-view 更改存储滚动位置
我使用按钮单击将路线更改为下一页。Angular JS 保留滚动位置并且不会滚动到 ng-view 的顶部。1.禁用$anchorScroll不起作用 2.使用窗口滚动不起作用
但是,为了在 iPad 上保留修复标题,可以使用以下窗口滚动。
有什么建议么?如何通过角度js视图清除存储的滚动位置?
html - ng-view 中的 ng-include 出现 404 问题
我到处寻找答案,但不幸的是我什么也没找到。
我有一个看起来像这样的工作 Angular 应用程序:
我正在使用 ngRoute 将 html 部分加载到 ng-view div 中。
我的 JS:
到这里为止,一切都是魅力。我已经完成了几乎所有我需要的东西(一个多步骤向导)。
在最后一步,我需要使用<script type="text/ng-template" id="specialTemplate.html"></script>
生成一些特殊的模板(一棵树)
因此,在我的最后一步页面部分(template3.html)中,我执行了以下操作:
我在这里卡住了。我在控制台上收到404错误(他试图在我的浏览器 url 指向的同一目录中查找specialTemplate.html),并且模板没有加载。
当我进行一些测试时,我看到如果在ng-include
外部ng-view
,但在与我当前工作流程分离的干净内部ng-controller
,它确实会找到并加载模板,但这对我没有帮助,因为我必须在我的工作中渲染树步骤流。
是不是不可能在<script>
里面加载一个基于模板的ng-view
?
在此先感谢您的帮助。
编辑: 版本:AngularJS v1.3.0-beta.3
css - Bootstrap data-spy="affix" 不适用于 Angular 视图更改
我试图弄清楚为什么affix
当我更改 Angular 视图时我的 -ed 面板没有保持原样。
我已将 affix 属性直接添加到第一页(详细信息)的面板中,并将其仅留在第二页(航班)的 data-spy 中。
在一个完整的网络版本中,如果我刷新航班页面,词缀会突然启动,并在我滚动时保持不变,但如果我只是使用 Angular 导航到该页面,则不会。
当我在视图之间导航时,Bootstrap 似乎没有将词缀添加到类中。
HTML:
CSS:
这是一个Plunker..
http://plnkr.co/edit/S0Bc50?p=preview
我在这里发现了一个类似的问题:
Twitter Bootstrap:词缀未在单页应用程序中触发
但我无法弄清楚如何将其应用于我的问题......
任何帮助都会很棒!
angularjs - AngularJS 使用 ng-view 在 ng-repeat 中渲染不同的模板
抱歉,我无法提供有关此问题的任何代码片段,我是AngularJS的新手。
使用上面的代码,是否可以渲染依赖于item.type
属性的不同模板。我期待这样的结果:
- item.type == "image"返回:
<div><img src="'IMAGE_URI'"></div>
- item.type == "text"返回:
<div><p>TEXT</p></div>
到目前为止,我已经为枚举创建了一个模板 html item.type
。使用AngularJS可以解决这个问题吗?我最近了解到,ng-view
伴随着ng-route
.
javascript - ng-view 没有被模板填充
考虑一下这个笨蛋。我想我已经正确设置了所有内容,但是我的模板没有通过ng-view
指令加载到 div 中。
我的路线已配置:
我的路线是:
首先,我的导航似乎不起作用,而且,即使我在根目录中(当路径为 时/
),我的 main.html 模板也不会加载到 ng-view 中。谁能确切地看到我做错了什么?
javascript - AngularJs:ng-include 在放置在 ng-view 标签内时不起作用
我正在通过 ng-view 中的角度路径加载 html 页面。我正在加载的页面包含一个 ng-include 标记,指向另一个 html 文件。
我尝试了以下所有语法=
没有工作。但是,如果我将相同的标签放在 ng-view 之外,它的工作正常。
我究竟做错了什么?
angularjs - Angular JS ng-view Update without router
I current working Web Application with Angular JS.
I using a Angular route to implement a Single page Application.
This is my implemented code to route.
I was stuck with a problem. AngularJS Router is update after page loading.
But, I can't update direct way without Angular Router.
I wonder how to update without angular router.
Example.
help me.
angularjs - 如何使用 ng-view 添加 js 并立即执行 angularjs
例如在我的角度应用程序中
在这种情况下,我的 logictrl 在另一个 js 文件中。当我的路径是 /login 时,我想包括这个。但是这个显示 loginCtrl 不是一个函数。经过一些谷歌我得到 loginCtrl js 不是由 ng-view 执行的。
我该如何解决这个问题。请提前帮助谢谢
javascript - AngularJs链接到ng-view html页面中的ng-include
我目前正在学习 AngularJs,同时应用它来尝试找出这个用于新 X 战警电影的病毒电影网站是如何制作的 ( http://www.trask-industries.com/#/innovation ) .. .(如果您不信任该链接,您可以谷歌 Trask Industries)。据我所知,xmen 站点导航将 html 模板拉入到 ng-view 中,并且在其中,ng-include 从更多 html 模板中拉入内容。但是,每个网页的设置完全相同,但是 ng-include 中的内容发生了变化,我不明白这怎么可能?我原以为如果要更改每个页面的内容,ng-include 将不得不指向不同的 html 模板,但它是如何完成的并不明显。
这是 ng-view 引入的模板中包含的代码...
正如您所看到的,此代码引入了另外两个模板,但每个页面的代码相同,但内容会根据您在导航中单击的链接而变化。我希望一切都有意义,任何能提供解释的帮助都将不胜感激。
javascript - 角度 ng-view 不起作用
我一直在关注以下教程(http://scotch.io/bar-talk/setting-up-a-mean-stack-single-page-application),试图学习构建 MEANapps。设置应用程序后,我的视图不会显示在 ng-view div 中。
我的应用程序结构如下:
我的 index.html 看起来像这样:
我的 app.js:
我的 appRoutes.js:
我的 Server.js:
在 Chrome 中,当我运行我的应用程序时,控制台看起来像这样:http: //imgur.com/GT1LiP8
有人知道为什么我的观点没有正确显示吗?我的设置有问题吗?