问题标签 [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 投票
0 回答
911 浏览

angularjs - ng-view 不评估引导 javascript(css 等)

我的问题是,当 Angular 在 ng-view 中加载 templateUrl(通过 $routeProvider)时,它也不会评估所有 javascript。我试图弄清楚,但现在我真的很困惑。在我的搜索过程中,我发现了很多新主题,而我已经迷失在其中了。任何想法?

故事

我试图弄清楚之前是否有其他人遇到过这个问题,或者是否有任何解决这个问题的方法。我发现的方式类似于“延迟加载”指令或使用 requirejs,但我不确定这些工具是否真的解决了这个问题。

正如 Buu Nguyen 在此线程中提到的

这就是 jqLit​​e 的工作方式。如果您希望评估模板中的脚本,请在 AngularJS 之前包含 jQuery。如果包含 jQuery,脚本将被评估。尝试删除 jQuery,您会看到最初观察到的行为。

我已经尝试过,包括在 angularjs 之前的 jquery,但根本不会产生任何影响。例如,我读了几个线程

但没有任何解决方案(也许我错过了一件事)。我认为,这甚至不是我的问题。我不想(重新)加载javascript文件,我只想强制评估我的引导程序。

老实说,我现在真的很困惑。之后我第一次遇到 RequireJS。(懒加载,朋友们,再次)

我在 youtube 上看过Thomas Burleson 的视频,我几乎明白它是什么。而且我查看了更多有关主题的文章(因为我发现它很有趣),但解决方案应该在其他地方。

这是情况

当我在我的 angularjs 应用程序上工作时,我将一个部分站点创建为单独的 .html 文件(以防万一),它看起来很漂亮。然后我将这个 .html 文件切成小块(页眉、顶部菜单、内容、页脚),并在部分 urlTemplate 中使用它的主体标签作为 div。

角度 $routeprovider:

提交.html

每个角度功能都在工作,唯一可见的区别是外观。

这是一个很好的: 好的

这是不好的: 坏的

0 投票
2 回答
197 浏览

javascript - 使用 AngularJS 在同一页面中使用多个视图

是否可以使用 AngularJS 在同一个 SPA 中使用多个视图?

我打算为页面的页眉栏使用 1 个视图,为页面的正文使用第二个视图,为页面的页脚使用第三个视图。这样页眉和页脚视图不会在每次路由位置时更改,而是仅在取决于用户在正文上执行的操作时更改,例如单击正文视图中的“更改页眉”按钮等。

一个例子真的很有帮助。

谢谢。

0 投票
2 回答
714 浏览

javascript - 如何在angularjs中有条件地显示自定义html页面和基于视图的页面

我已经使用 yeoman 生成了一个 Angular 项目。

我有一个带有 ng-view 的 index.html,我正在通过相应的控制器显示 claim.html、claim-details.html,它们在 ng-view 中正确呈现。

现在,我有一个带有特定 css 的 signin.html 页面,它是一个完整的结构化 HTML 页面。我想在用户未登录时显示这一点。一旦他通过身份验证,他应该被重定向到上述视图。我该如何配置?

我正在关注路由

是否可以提及,哪个 .html 应该作为 ng-view 的一部分呈现,哪个应该是独立的 html 文件?即我希望claims.html 和dashboard.html 成为ng-view 的一部分,但signin.html 应该是独立的

0 投票
0 回答
100 浏览

ruby - AngularJS标签没有评估

我正在尝试让我的第一个 AngularJS 应用程序使用 Rails 后端运行,到目前为止我遇到了一些问题,但不知何故设法继续前进,但现在还有另一个问题。

看来我的 Angular 标签没有评估。这是它的样子

在此处输入图像描述

以下是我的设置

模板文件

吴控制器

布局文件

编辑

HTML 页面的来源

0 投票
0 回答
1315 浏览

angularjs - AngularJS templateUrl 不起作用

您好,提前致谢。我正在努力让我的观点显示在我的 index.html 页面上。单击我的链接时,我可以在 http 请求中看到正在检索适当的模板,但它只是没有显示。就像将我的模板 html 与 ng-view 标签关联起来时遇到问题一样。我的模板也只有一个根元素,其他一切似乎都在正常工作。任何帮助将非常感激。此外,如果我只使用模板而不是 templateUrl 并以这种方式添加 html 也可以。

还有我的 Index.html(瘦身)

我的简单 html 模板是:

0 投票
1 回答
3785 浏览

javascript - ngAnimate 未在 Angular 1.2 中将 ng-enter 类添加到 ng-view

我一直在网上搜索这个问题的答案,但我似乎找不到任何明确的答案。

问题似乎是 ngAnimate 指令没有添加类ng-enterng-leave路由发生变化时。我创建了一个测试应用程序并将ngAnimate指令包含在应用程序中。我还创建了动画类并将该类应用于ng-view元素

我的测试应用程序的链接在这里:http ://plnkr.co/edit/6qCMeIkWeXeTQyDWcu29?p=preview

0 投票
1 回答
824 浏览

javascript - Dropzonejs 与 angularjs 的 ng-view

我在使 dropzonejs 与 ng-view 指令一起工作时遇到了特别的问题:

下面是我的 index.html:

我的 app.js:

}]);

还有我的带有 dropzonejs 的 create.html 页面:

当我将 dropzone 表单直接放在 index.html 中时,一切正常,但是当我使用 ng-view 指令使用 dropzonjs 路由到 create.html 时,它现在可以工作了。Dropzone 表单未处理,例如类不是“dropzone ng-pristine ng-valid dz-clickable”而是“dropzone ng-pristine ng-valid”,没有添加带有消息的 div 等。

有人有什么想法吗?

0 投票
1 回答
633 浏览

angularjs - 可能在另一个 ng-view 中使用 ng-view

嵌套 ng-view 可以在 angularjs 中使用,或者如果有任何替代解决方案。如果可以在 ng-view 中使用 ng-view。

0 投票
1 回答
667 浏览

angularjs - 使用 ng-view 时如何避免包含所有 .js 和 .css 文件?

我们如何避免在 index.html 中包含所有 .js 和 .css 文件,如下例所示:

此代码来自此 github:https ://github.com/sahat/tvshow-tracker

该代码用于教程:http ://sahyalkabov.com/create-a-tv-show-tracker-using-angularjs-nodejs-and-mongodb/

我想做类似的事情:

因为使用上面的 html 代码,将会有很多服务器请求并且可能无用(如果用户不使用整个应用程序)。我无法想象谷歌没有想到它。

0 投票
1 回答
114 浏览

angularjs - 如何在使用 module.config/ng-view 时引用 id?

我正在配置ng-view如下:

问题是,现在,只要我点击下面的内容,它就会将我重定向到error.html页面。

此外,我看到一个空白页面,而它应该显示error.html内容。过程中没有错误。

href在这种情况下我怎样才能获得 id ?另外为什么error.html没有显示页面(即使我不希望在用户单击 id 时显示它,我想知道为什么它不显示)?