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

javascript - Angular + Laravel:通过 ngRoute 加载视图

结合 Laravel 和 Angular 时,我遇到了这个问题:

按照我在网上找到的一个非常简单的教程,我试图使用该ng-view指令加载一个视图。但是,我无法实际加载模板。这是我的app.js代码:

我的文件树:

该网站正常加载,但是当我观看源代码时,而不是观看里面的模板inicio.html,就会发生这种情况......

在我的 index.blade.php 文件中使用代码

我在浏览器的源代码中看到的代码

Chrome 上的network选项卡在尝试加载视图时未显示 404 错误。

到目前为止我已经尝试过:

  1. 在文件夹中放置模板js(templateUrl:'templates/inicio.html')
  2. 将模板放在public文件夹中(templateUrl:'../templates/inicio.html')
    • 还,templateUrl: '/public/templates/inicio.html'
  3. 将模板放在根文件夹中(templateUrl:'/templates/inicio.html')
  4. 仅将文件放在js文件夹中:(templateUrl:'inicio.html')

以上似乎都不起作用。请问有什么帮助吗?

编辑我也在 url 中看到了这种情况:而不是myapp/public/iniciomyapp/public/inicio#/

0 投票
2 回答
153 浏览

javascript - 更改 ng-view 内容后保留的内存未释放

我在 AngularJS 中实现了音频播放器应用程序,但它消耗大量 RAM。我正在执行的操作顺序如下:

  1. 登录页面的路由
  2. 登录然后转到下一页
  3. 登出
  4. 重复步骤 1 到 3 几次

令人惊讶的是,第一步的内存是38 MB,然后在第二步之后增加到211 MB,在第三步之后是249 MB等等,所以它是累积的,并且在任何ng之后都没有释放内存-查看更改

这是我的代码示例:

index.html页面

app.js文件

我尝试了清理$templateCache的解决方案清除此问题的解决方案,但是在我尝试过的情况下,它不能成为解决方案,而且问题不在模板本身,而是DOM 和控制器数据有问题

我该如何处理这个内存问题,所以当我在 ng-view 中更改视图时它不会消耗所有这些内存(因为它不是模板大小)

更新1:

在解析登录数据并在注销后检查服务器的响应后,我在登录或注销时使用 $location.path('/route') 在视图之间切换,这可能是问题吗?

更新 2:

我创建了一个plunker来模拟过多切换视图时内存的增加(当然这不是实际数字,因为它是模拟)

0 投票
1 回答
451 浏览

angularjs - 带有CKEditor的Angular ngView消失文本

切入正题,嘿嘿

为客户端构建一个带有 Angular 的管理后端系统。这个站点和后端是用 Node 和 Angular 构建的。我有一个帖子编辑器设置,因此当您单击链接以编辑帖子时,locationProvider 和 ngRoute 会开始工作并用新控制器替换部分内容,并更新 url。

在这一点上,一切都完美地显示出来。

当我点击取消(这是一个返回到帖子列表视图的标准链接)或提交(这很神奇,然后重定向到与取消相同的 url)并且这有效。

当我点击链接再次编辑同一篇文章时。应该在 CKEditor 中的内容是空白的。但是,当使用 Chrome 开发工具时,我可以看到 tw 原始输入字段中的内容正确,但 iframe 除了 CKEditor Chrome 之外什么都没有。

至于代码,

在我的控制器中,它看起来像这样:

这里非常基础,只想先了解基础知识。

我加载CKEditor的方式有问题吗?

0 投票
0 回答
259 浏览

angularjs - Angular.js - 如何在不在 HTML 文件中添加 ng-view 指令的情况下创建视图?

如何使用视图而不ng-view在 HTML 文件中添加指令?

我们可以通过手动引导 Angular.js 项目,在不使用 HTML 代码的情况下创建 Angular.js 应用程序ng-app,如下所示:

同样,我们也可以这样做ng-view吗?如果是,如何?

0 投票
2 回答
739 浏览

angularjs - 如果 ng-view 附加到引导应用程序中的正文内的元素,angularjs 路由将不会滚动

但是,如果 ng-view 附加到 body 标签本身,则不会发生滚动问题。

几个月来,我一直在使用 bootstrap 开发一个应用程序,并且在我添加 (bootstrap) 并将 ng-view 移动到 inside 之前,从未遇到任何滚动问题。

现在,某些路线只是不滚动 - 但只是有时。他们确实会在页面刷新时滚动。

我在 Angular 的文档中没有看到任何将 ng-view 限制为 body 标签的内容,所以不可能。

有谁知道为什么会发生这种情况?

0 投票
1 回答
1285 浏览

angularjs - 多个 ng-app 共享 ng-view 和 $route

我有一个使用 Angularjs 的带有 Header 和 Content 的 MVC 应用程序。

我在 Content 中定义了一个 ng-app 并使用 $routeProvider 加载内容页面。这工作正常。

我在标题中有一个链接,我想在内容区域中显示一个页面 - 这是在 ng-app 之外。如果不将 ng-app 设置在顶部,我该如何做到这一点?还建议是否有其他方法可以完成相同的操作,因为许多母版页网站仅围绕此 UI 设计构建。

下面是显示 Master.cshtml 和 app.js 的代码。如果我需要提供更多代码,请告诉我 -

Master.cshtml -

app.js -

0 投票
1 回答
1385 浏览

angularjs - ng-view 的不同文件中的不同控制器

我正在为不同的视图使用两个控制器(在不同的 js 文件中)。

我的主要 HTML

==================================================== ===============================

App.js // 主js文件

controllerLocation.js // 位置控制器

controllerItem.js // 项目控制器

location.html // 位置 html

项目.html

==================================================== ===============================

当我调用 /Load 并调试它时,它会显示 location.html 内容并加载 controllerLocation。但在 $location.path("/Items"); 之后 它加载 items.html 但不加载 controllerItem 并抛出enter code here错误http://errors.angularjs.org/1.2.22/ng/areq?p0=itemsCtrl&p1=not%20aNaNunction%2C%20got%20undefined

你能帮忙找出问题所在吗?

0 投票
3 回答
1103 浏览

javascript - 在角度 ng-view 中清除 URL 或从 URL 中删除 Hasg 标签

我正在使用 angularJS 构建网站并使用 angular-route 库来查看网站的不同页面。我的网站运行良好,但是当我在不同的视图上移动时,url 中有一个井号标签。删除我正在使用的哈希标签

但这不适用于页面刷新。我的代码如下:- Index.html

应用程序.js

}]);

0 投票
1 回答
1641 浏览

javascript - AngularJS 路由包括多个 JS 文件和目录

我对 Angular 很陌生,并且路由有问题,我设置得很简单,但它仍然无法正常工作。

索引.html:

应用程序.js:

组件/计费/billing.js:

组件/计费/billing.html:

根据我的阅读,它应该在 ng-view 中包含 billing.html,因为它是默认路由。但我得到的只是'正在加载......'。

很感谢任何形式的帮助!

0 投票
0 回答
185 浏览

javascript - Angular 阻止了 ng-view 之外的可见性

我的应用程序中有 ng-view 和近 40 个控制器,我有两个按钮块,其中一个块我只在主页上显示,第二个块我在休息页面上显示(我在示例中简化了两个按钮块)。而且在某些页面上我根本不需要那个按钮。

这些按钮属于 $rootScope 并且元素可见或隐藏取决于根范围变量。我在根范围上创建了监听器,每次路由更改时都会调用它。但是在那种情况下,我看到在 ng-view 更改视图之前,一个按钮块在另一个按钮块上发生了更改,这很烦人。

第二种解决方案是在控制器中设置 hideHeader 变量。但在那种情况下,我需要在每个控制器中设置这个变量。在这种情况下,解决方案将难以支持。例如,我将添加另一个只想显示在一个页面中的按钮块,这意味着我需要重写所有控制器。

什么是最好的解决方案?