问题标签 [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 - ng-view 不评估引导 javascript(css 等)
我的问题是,当 Angular 在 ng-view 中加载 templateUrl(通过 $routeProvider)时,它也不会评估所有 javascript。我试图弄清楚,但现在我真的很困惑。在我的搜索过程中,我发现了很多新主题,而我已经迷失在其中了。任何想法?
故事
我试图弄清楚之前是否有其他人遇到过这个问题,或者是否有任何解决这个问题的方法。我发现的方式类似于“延迟加载”指令或使用 requirejs,但我不确定这些工具是否真的解决了这个问题。
这就是 jqLite 的工作方式。如果您希望评估模板中的脚本,请在 AngularJS 之前包含 jQuery。如果包含 jQuery,脚本将被评估。尝试删除 jQuery,您会看到最初观察到的行为。
我已经尝试过,包括在 angularjs 之前的 jquery,但根本不会产生任何影响。例如,我读了几个线程
但没有任何解决方案(也许我错过了一件事)。我认为,这甚至不是我的问题。我不想(重新)加载javascript文件,我只想强制评估我的引导程序。
老实说,我现在真的很困惑。之后我第一次遇到 RequireJS。(懒加载,朋友们,再次)
我在 youtube 上看过Thomas Burleson 的视频,我几乎明白它是什么。而且我查看了更多有关主题的文章(因为我发现它很有趣),但解决方案应该在其他地方。
这是情况
当我在我的 angularjs 应用程序上工作时,我将一个部分站点创建为单独的 .html 文件(以防万一),它看起来很漂亮。然后我将这个 .html 文件切成小块(页眉、顶部菜单、内容、页脚),并在部分 urlTemplate 中使用它的主体标签作为 div。
角度 $routeprovider:
提交.html
每个角度功能都在工作,唯一可见的区别是外观。
这是一个很好的:
这是不好的:
javascript - 使用 AngularJS 在同一页面中使用多个视图
是否可以使用 AngularJS 在同一个 SPA 中使用多个视图?
我打算为页面的页眉栏使用 1 个视图,为页面的正文使用第二个视图,为页面的页脚使用第三个视图。这样页眉和页脚视图不会在每次路由位置时更改,而是仅在取决于用户在正文上执行的操作时更改,例如单击正文视图中的“更改页眉”按钮等。
一个例子真的很有帮助。
谢谢。
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 应该是独立的
ruby - AngularJS标签没有评估
我正在尝试让我的第一个 AngularJS 应用程序使用 Rails 后端运行,到目前为止我遇到了一些问题,但不知何故设法继续前进,但现在还有另一个问题。
看来我的 Angular 标签没有评估。这是它的样子
以下是我的设置
模板文件
吴控制器
布局文件
编辑
HTML 页面的来源
angularjs - AngularJS templateUrl 不起作用
您好,提前致谢。我正在努力让我的观点显示在我的 index.html 页面上。单击我的链接时,我可以在 http 请求中看到正在检索适当的模板,但它只是没有显示。就像将我的模板 html 与 ng-view 标签关联起来时遇到问题一样。我的模板也只有一个根元素,其他一切似乎都在正常工作。任何帮助将非常感激。此外,如果我只使用模板而不是 templateUrl 并以这种方式添加 html 也可以。
还有我的 Index.html(瘦身)
我的简单 html 模板是:
javascript - ngAnimate 未在 Angular 1.2 中将 ng-enter 类添加到 ng-view
我一直在网上搜索这个问题的答案,但我似乎找不到任何明确的答案。
问题似乎是 ngAnimate 指令没有添加类ng-enter
或ng-leave
路由发生变化时。我创建了一个测试应用程序并将ngAnimate
指令包含在应用程序中。我还创建了动画类并将该类应用于ng-view
元素
我的测试应用程序的链接在这里:http ://plnkr.co/edit/6qCMeIkWeXeTQyDWcu29?p=preview
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 等。
有人有什么想法吗?
angularjs - 可能在另一个 ng-view 中使用 ng-view
嵌套 ng-view 可以在 angularjs 中使用,或者如果有任何替代解决方案。如果可以在 ng-view 中使用 ng-view。
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 代码,将会有很多服务器请求并且可能无用(如果用户不使用整个应用程序)。我无法想象谷歌没有想到它。
angularjs - 如何在使用 module.config/ng-view 时引用 id?
我正在配置ng-view
如下:
问题是,现在,只要我点击下面的内容,它就会将我重定向到error.html
页面。
此外,我看到一个空白页面,而它应该显示error.html
内容。过程中没有错误。
href
在这种情况下我怎样才能获得 id ?另外为什么error.html
没有显示页面(即使我不希望在用户单击 id 时显示它,我想知道为什么它不显示)?