ng-view内的ng-controller奇怪的刷新行为
ng-view是AngularJS框架中的一个指令，用于在单页面应用中切换视图。ng-controller是ng-view指令中的一个属性，用于指定视图所对应的控制器。
当ng-view内的ng-controller发生奇怪的刷新行为时，可能是由以下原因引起的：
- 控制器代码中存在错误：检查控制器代码是否有语法错误或逻辑错误，例如变量命名错误、函数调用错误等。
- 数据绑定问题：ng-controller负责将视图与控制器中的数据进行绑定，如果数据绑定不正确，可能导致刷新行为异常。检查数据绑定的语法是否正确，确保数据正确地传递到视图中。
- 作用域问题：AngularJS中的作用域是控制器和视图之间的桥梁，如果作用域的继承关系或作用域的使用方式不正确，可能导致刷新行为异常。确保作用域的继承关系正确，并正确使用作用域中的变量和函数。
- 路由配置问题：ng-view通常与路由配置一起使用，如果路由配置不正确，可能导致刷新行为异常。检查路由配置是否正确，确保ng-view能够正确地加载对应的视图和控制器。
推荐的腾讯云相关产品和产品介绍链接地址：
- 云服务器（CVM）：提供弹性计算能力，满足各种业务需求。详情请参考：https://cloud.tencent.com/product/cvm
- 云数据库 MySQL 版（CDB）：提供稳定可靠的云数据库服务，支持高可用、备份恢复等功能。详情请参考：https://cloud.tencent.com/product/cdb
- 云存储（COS）：提供安全可靠的对象存储服务，适用于图片、音视频、文档等数据的存储和管理。详情请参考：https://cloud.tencent.com/product/cos
请注意，以上推荐的产品仅为示例，实际选择产品时应根据具体需求进行评估和选择。
相关·内容
在我的应用程序中，main template有一个月份下拉列表(Jan，Feb...)。
主模板包含一个使用routeProvider加载的部分模板的ng-view。
如何从主模板的控制器刷新ng-view (通过重新运行其控制器)？
以便当用户切换到不同月份时，部分模板内容将刷新。
主模板HTML：
....
<body class="" ng-controller="Main">
<div ng-view></div>
</body>
路由提供商：
....
.config([ '$routeP
浏览 1提问于2013-09-09得票数 8
回答已采纳
我有这样的代码：
<body ng-controller="CoreCtrl">
<div ng-cloak>
<!-- NavBar -->
<div ng-include="'/app/core/navbar.html'"></div>
<!-- Main content -->
<div class="container-fluid">
<!-- Main views -->
浏览 16提问于2016-08-01得票数 2
在angularjs中登录后，我必须刷新header.html。当Login被调用时，整个页面被刷新，header被初始化，但在登录之后，只加载内容而不是header。如何刷新header？
Index.html
<div class="container-holder" ng-controller="mainCtrl">
<div class="container">
<div ng-include src='"elements/header.html"'&g
浏览 2提问于2013-03-15得票数 2
回答已采纳
我是使用第三方客户端登录，然后我有<ng-view>的每一条路线，所以这意味着所有导航将只是在<ng-view>内重新加载。
然后我有一个全局页脚，它在每个部分上显示用户登录信息，所以我把它放在<ng-view>下面。会是这样的
<ng-view></ng-view>
<div ng-controller="FooterCtrl">User logged-in Info</div>
我的问题，FooterCtrl将不会显示登录后的用户信息，因为登录只重新加载<ng-view>，而不是
浏览 7提问于2013-06-05得票数 4
我想使用$location.path()方法返回URL路径，这样我就可以在ng-hide指令中编写一些条件语句。我在控制器中创建了以下内容：
$scope.pathLocation = $location.path();
然后，我将{{pathLocation}}插入到html中，以确保返回正确的路径。当我加载一个不同的视图时，问题就出现了。pathLocation不更新。如果我在新页面视图上手动刷新浏览器，它就会刷新。`
下面是我的代码的简略版本:控制器：
(function(){
var amApp = angular.module('amApp', ['ngR
浏览 3提问于2016-10-19得票数 0
回答已采纳
我正在做一个使用AngularJS的项目。我创建了部分页面，每个页面都有自己的、不同的控制器。
站点结构
/ProjectRoot
/css
/js
angular.js
jquery.js
/partials
login.html
page1.html
index.html
index.html
<!DOCTYPE html>
<html ng-app="demoapp" >
<head>
scripts
</head>
浏览 2提问于2014-08-01得票数 4
回答已采纳
1回答
我有index.html
上一首
<body ng-app="MainController">
<div class="page page-base {{ pageClass }}" ng-view>
</div>
</div>
我在更改为$scope.errorMsg的registerController中为其分配了一些值
<body ng-app="myApp">
<div class="page page-base {{ page
浏览 2提问于2017-01-04得票数 0
回答已采纳
1回答
我有一个名为ng-view的div。
<div ng-view>Loading...</div>
我也有一个部分。大概是这样的：
<div ng-controller="p1">
<div ng-controller="frm"></div>
<div ng-controller="lst"></div>
</div>
我还有一些控制器的代码。
有没有办法向我的ng-view注入另一个类似的结构，带有单独的控制器和部分参数。所以图片看起来应该是
浏览 1提问于2013-04-07得票数 1
回答已采纳
我用angularjs和spring框架开发了一个简单的网页。
我尝试使用angular路由来制作网页，这样网页就像SPA一样工作。
下面是我的简单的主jsp文件。当我访问chrome上的'‘时，页面就会显示出来。
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ page session="false" contentType="text/html; charset=UTF-8"%>
<!DOCTYPE h
浏览 10提问于2017-02-22得票数 0
回答已采纳
1回答
控制器不加载
、、
我有以下Index.html文件(我也将div与ng-view放在一起)：
<ul ng-controller="myController">
<li>
<a href="#/doit">Do it!</a>
</li>
</ul>
路由配置：
$routeProvider.when('/doit', {
templateUrl: 'partials/doit.html'
controll
浏览 2提问于2015-10-28得票数 3
我有一个不在ng-view范围之外的函数，但是每次对ng-view进行更改时都会调用它。
<div id="header" ng-controller="menuController">
<div id="menu" ng-if="showmenu">
<ul id="mainmenu">
...
</ul>
{{ menu() }}
</div>
</div&g
浏览 3提问于2014-10-10得票数 0
回答已采纳
我是AngularJs的新手
如果我想在html中定义两个模型
我该如何定义它？
我已经试过很多次了
请帮帮忙
<body ng-app="experiment">
<div ng-controller="functionCrtl" id="staff">
<div ng-modle="data1.data">
<ng-view></ng-view>
</div>
<div ng-app="experiment_left"&
浏览 2提问于2013-07-25得票数 0
在角SPA应用程序中，登录屏幕是基于$rootScope中的ng-show指令变量显示/隐藏的。
如果用户在主页中并刷新页面(F5)，则显示为完整页面刷新并丢失根范围变量值。
如何解决这个问题？
代码示例：
<body ng-controller="mainController">
<div class="container" ng-controller="schoolLoginCtrl"
ng-show="showLogin">
<form class=
浏览 4提问于2016-03-22得票数 0
回答已采纳
1回答
我有个这样的装置
<div class="" ng-controller="routeController">
<nav class="nav">
<ul>
<li href="#view1"></li>
<li href="#view2"></li>
<li href="#view3"></li>
浏览 0提问于2013-09-28得票数 0
回答已采纳
我正在编写一个基本的Node应用程序，只想用Jade渲染索引页，然后让角在前端完成其余的操作。
这是Jade (为了说明问题而略为缩短)：
doctype html
html
include ../includes/head
body(ng-app="TestApp" ng-controller="TestAppController")
div(ng-view)
include ../includes/foot
它编译成以下HTML：
<html>
<head>
浏览 1提问于2014-06-19得票数 3
回答已采纳
所以我遇到了一个奇怪的问题，在angularjs中访问$routeParams中的值。
我在应用程序中将路由设置为
app.config(function($routeProvider) {
$routeProvider
.when('/',{
templateUrl : './templates/main.html',
}).when('/:year/:month/:day',{
templateUrl : './templates/day.html
浏览 0提问于2016-08-14得票数 0
我有一个角页，它有一个ng控制器指令和一个ng视图指令。
<body ng-controller="MainController">
<h1>Welcome to my main template</h1
<ng-view></ng-view>
</body>
我还配置了路由。
angular.module('app', []).
config(['$routeProvider', '$locationProvider', function($r
浏览 4提问于2013-10-02得票数 4
回答已采纳
我有这些路线。
// index.html
<div ng-controller="mainCtrl">
<a href='#/one'>One</a>
<a href='#/two'>Two</a>
</div>
<div ng-view></div>
这就是我如何将部分数据加载到我的ng-view中。
// app.js
var App = angular.module('app', []);
浏览 1提问于2012-09-13得票数 21
回答已采纳
当控制器与ng-view分开定义时，有没有办法访问控制器的名称？
<div ng-controller="Ctrl1">
<!-- Some code -->
</div>
<div ng-view>
<!-- Configured with ngRoute -->
</div>
在ng-view中，我可以使用$route.current.controller来检索当前的控制器名称。如果可能，我该如何为"Ctrl1“实现同样的功能呢？
非常感谢！
浏览 0提问于2014-08-02得票数 0
我在ng-view之外有角度行为。如何打开视图所在新页面？
<div ng-controller="JobCtrl">
<input type="hidden" ng-model="produktion" value="produktion">
<ul>
<li ng-repeat="job in jobs | filter:produktion">
<a href="jobs#/{{job.id}}"> {{
浏览 0提问于2013-03-16得票数 0
回答已采纳
我有以下问题。我用的是AngularJS和角速度路线。当我打开html5Mode
$locationProvider.html5Mode(true);
对于漂亮的URL，如果我刷新页面，就会出现“”错误。
这是我的HTML代码：
<body ng-app="app">
<div class="container" ng-controller="MainCtrl">
<div class="page-header">
<h1>Page title <sma
浏览 4提问于2014-08-21得票数 0
回答已采纳
编辑的我的应用程序有以下结构：
index.html
<body ng-app = "myApp" ng-controller ="mainController">
<ng-view></ng-view>
</body>
mainView.html (通过app.js中的routeProvider加载到ng视图)
<div ng-include src="subview1">
<div ng-include src="subview2">
在mainC
浏览 2提问于2015-04-27得票数 2
嗨，我面临着一个关于ng-view的问题。下面是代码。
<header ng-controller="headCtrl" ng-show="landing.ifLandind">
</header>
<div ng-view></div>
当加载ng-view时，有两个控制器，一个是"headCtrl“，另一个是加载。我想在ng-view中更改控制器加载的"landing.ifLandind“。我如何在第二个控制器中引用它，它将更改"headCtrl“中"l
浏览 0提问于2016-01-30得票数 1
如果同一页上有两个<div ng-view></div>元素，angular.js只使用第一个元素。我希望有两个模板(两个控制器和两个部分)呈现在同一个页面上，我如何做到这一点？下面的代码不起作用，但是我想要一些类似的内容。
<div class="row">
<div class="large-6 small-12 columns">
<div ng-controller="SitesHomeCtrl" >
<div ng-view>
&
浏览 1提问于2014-01-02得票数 3
回答已采纳
1回答
使用Angular的标准路由，我可以让子控制器访问父$scope：
<div ng-controller="ParentCtrl">
<ng-view></ng-view>
</div>
ng-view中的任何子控制器都可以访问ParentCtrl数据，但使用Angular 1.5组件路由器似乎就不是这样了。上面标记中唯一的区别是它是ng-outlet，而不是ng-view。
有人知道如何访问组件路由器中基于ng-outlet的子控制器中的父控制器信息吗？或者，是否有其他方法可以访问父数据？
浏览 3提问于2016-05-16得票数 2
我现在正在学习Angular，我正在通过编写一个简单的应用程序来练习，该应用程序使用基于的ngRoute。
<-- index.html -->
<html>
<head> ... </head>
<body>
<div ng-view></div>
</body>
</html>
示例中的代码显示了有关各种"Javascript项目“的信息。我的问题是，如何创建另一个显示此模型信息的视图？
例如，假设我想在页面下方再创建一个ngView，
浏览 1提问于2013-12-06得票数 0
1回答
参见图片=>Layout1主页，其中包含ng-view，因为我使用了angular routing。
尝试调用登录页时的=>Layout2 login.cshml页
此登录页面包含在我不想要的ng-view中
它完全不同页面Login.cshtml
我把这个页面命名为
<a href="admin/home/login">Log out</a>
当我像一样直接在地址栏中尝试url时，它工作得很好见图
但我尝试了从主面板到登录页面，它显示错误，见第一张图片
示例代码
master.cshtml
<html
浏览 2提问于2016-09-12得票数 0
我的index.html基本上是这样的：
<body>
<header ng-controller="navCtrl">
<!-- quite a bit of html for the menu -->
</header>
<div ng-view>
</div>
</body>
由于我不能在一个页面上使用多个ng-view，所以我想知道将菜单(<header />)移动到一个部分以使我的index.html保持整洁的最佳方法是什么？
浏览 11提问于2014-06-06得票数 0
回答已采纳
1回答
我有下面的HTML结构，但是我希望我的刷新按钮刷新视图中当前的任何内容。视图根据其路线构建不同的内容。这有可能在角度上实现吗？
<header>
<refresh button />
</header>
<ng-view></ng-view>
<footer></footer>
浏览 0提问于2014-02-04得票数 1
回答已采纳
1回答
它不是一个带有ng应用程序的应用程序，它是angular.bootstrap应用程序，由于某些原因，我无法使它与ng路由器一起工作。
任何人都有使用angular.bootstrap?路由器的经验
我在dom元素上使用，并试图访问$router参数
DOM
<ul class="timeline" id="list" ng-controller="Controller" ng-view style="display: none">
Angularjs
var self = this;
angular.module(
浏览 1提问于2015-05-19得票数 0
2回答
我正在使用AngularJS (MEAN.io堆栈)，并且遇到了一个与滚动相关的恼人的小故障。
当用户单击链接时，目标页面与原始页面采用相同的滚动位置，而不是停留在顶部。
为了修复这个奇怪的行为，我使用了next：
$rootScope.$on("$viewContentLoaded", function () {
$anchorScroll();
});
但是这段代码使得每个页面都在顶部滚动，这也很烦人，因为用户必须能够返回并恢复之前的滚动位置。
有什么建议吗？怎样才能得到想要的结果？
谢谢!
编辑
当我尝试使用ng-view + autoscroll解决方案时，它对我不
浏览 5提问于2015-04-20得票数 6
我有一个AngularJS SPA应用程序。主页包含一个ng-view指令和一个带有ng-model绑定的文本框。我有一些显示在ng-view中的视图。我有一个变量在这些视图之间共享，所以我使用了一个服务。我的问题是，当我单击视图中的一个按钮时，这个变量就会改变。我想在主页面中的文本框中显示更改后的值。我的代码如下：
<div data-ng-app="demoApp">
<div ng-controller="testController">
{{countResult}}
</div>
浏览 0提问于2015-03-16得票数 0
2回答
在视图中插入应用程序时，我应该如何继续。
我有一个模板文档，它已经有一个应用程序来控制页面内容。我想在视图中插入其他应用程序。我的第一个应用程序在html标记中被调用，它控制页面的不同部分(视图除外)。
视图是另一个加载到节中的html文档。这个另一个html文件能包含另一个应用程序吗？
我一直在尝试使用include，但应用程序不起作用。
示例代码的：
<!DOCTYPE html>
<html ng-app="mid" lang="fr">
<nav ng-controller="navCtrl"
浏览 2提问于2016-03-21得票数 1
我有一个刷新按钮，它调用范围函数$route.reload来模拟视图上的刷新。但问题是，当我点击它时，它会在我的ng-view上启动我的ng-view，这会使它看起来非常混乱。不管怎么说，这附近有吗？
控制器
$scope.refresh = function () {
$route.reload();
};
索引ng-视图
<div ng-view class="slide"></div>
最后我弄明白了，看看下面的答案。
浏览 2提问于2014-02-22得票数 2
回答已采纳
我在页面顶部有一个名为"UserController"的控制器：
<div ng-controller="UserController"><input type="text" ng-model="search"></div>
也是指令ng-view中底部页面中相同的控制器。
<div class="bottom" ng-controller="UserController">{{search}}</div>
为什么当我在顶部填写字段输入时，
浏览 3提问于2015-07-12得票数 0
回答已采纳
我们最近升级为角1.2.1，并经历了一些问题的ng-包括。
下面是一个简化的示例，它显示了我们在角1.1.1中的用法：
这是另一把灵巧的1.2.1小提琴，用来解决我们的问题：
-以下HTML片段--
<div ng-controller="RootCtrl" id="a">
Hello, {{name}}!
<!-- does not work in Angular 1.2.1 -->
<!--div ng-controller="TemplateCtrl" id=&#
浏览 3提问于2013-11-22得票数 0
回答已采纳
我需要将id从项目/id传递给CommentCtrl，当我试图将其返回未定义的console.log($routeParams.id)时.有人能发现我的代码出了什么问题吗？
.config(function($routeProvider) {
$routeProvider.
when('/project/:id', {
controller: 'CommentsCtrl'
浏览 1提问于2015-08-06得票数 0
回答已采纳
我有一个小应用程序，显示日历与一些事件。
当我点击其中一个事件时，我想在日历下面显示所选内容的细节。
事件的urls是在如下循环中生成的：
'url': '#/concerts/' + data[idx].id
我的配置如下：
var app = angular.module('EventsApp', ['ngRoute']);
app.config(['$routeProvider', '$locationProvider',
function ($routeProvider, $loc
浏览 0提问于2014-08-25得票数 0
回答已采纳
我的index.html页面如下所示：
<div id="sidepanel" ng-controller="myCtrl">
<ul class="drop-down">
<li ng-repeat="item in items">
<a href="#">{{item.name}}</a>
</li>
</ul>
</div>
<div id="mainpanel"
浏览 0提问于2013-04-22得票数 1
1回答
我有一个div，它显示了一个基于ng-view的高值图表。像这样的东西-
<div ng-show="series" ng-controller="someController"
<highchart config="someConfig" class="span9"></highchart>
</div>
series是$scope中的一个变量。当页面第一次加载时，序列是null/undefined (假)，但在单击按钮时，数据被获取并放入序列变量(truthy)。ng-view
浏览 0提问于2015-05-31得票数 0
1回答
我正在使用AngularJS路由和部分来建立我的站点的页面结构。我正在使用HTML5模式来避免hashbang。从一个页面到下一个页面的导航通过单击链接工作，但是当刷新页面或直接键入url时，我会得到一个404，页面找不到错误。我该如何纠正这个问题？
下面是已剥离的HTML：
<!DOCTYPE html>
<html lang="en" ng-app="myApp">
<head>
<meta charset="utf-8">
<title>site</title
浏览 0提问于2014-01-30得票数 0
回答已采纳
尽管存在许多类似的问题，但我仍然没有发现如何将带有ng-show的DOM元素隐藏在父作用域中的子作用域中。
我有两个嵌套控制器。在附件中的父视频中，我使用youtube嵌入指令来连续读取视频，尽管ng-view中的视图发生了变化。
<html ng-app="app" ng-controller="ParentCtrl">
<body>
<youtube-video id="player" ... ng-show="selectedVideo.showVideo"></yout
浏览 5提问于2015-05-04得票数 1
回答已采纳
1回答
我有一个执行AJAX请求的方法的控制器：
.controller('EditProfileController', ['$scope', '$http') {
// Do AJAX query here
// Some methods for update profile
}]);
另外，我在这个$routeProvider角JS文件中有以下内容：
.config(function ($routeProvider) {
$routeProvider
.when('/profile/personal/:
浏览 1提问于2015-05-13得票数 1
回答已采纳
我有一个角度应用程序，我想隐藏一个‘包含的视图’，如果主视图是主页视图。
<div id="page" ng-class="{ showNav: $root.showNav }">
<header id="pageHeader" ng-controller="HeaderCtrl" data-ng-include="'views/includes/header.html'"></header>
<div id="pageHero
浏览 34提问于2014-03-12得票数 18
我有一个工作的角度应用程序，但我想重组它一点。我有一堆指令并没有真正做任何事情，虽然整个应用程序应该被一个指令封装，但是我仍然有我的两个主控制器声明在指令之外。
我合并了这两个控制器，因为尽管它们处理不同的关注点(一个处理功能数据，另一个处理导航状态)，但它们都是整个应用程序所必需的。
第二，我想摆脱这个松散的声明，然后离开：
<div ng-app="myApp" class="myApp" ng-cloak ng-controller="myController">
<myAppdirective ng-contro
浏览 2提问于2014-07-16得票数 0
回答已采纳
我得到了以下代码：
<div class="map" ng-controller="DealerMarkerListCtrl">
<a ng-click="showdetails=!showdetails" href="#/dealer/{{marker.id}}" class="marker" style="left:{{marker.left}}px;top:{{marker.top}}px" ng-repeat="marker in dealer"&g
浏览 0提问于2013-01-07得票数 3
回答已采纳
1回答
你好，我在我的rails应用程序中加入了角，我得到了一个空白的html，这是我的代码
app/views/index.html.erb
<body>
<div ng-controller="MainController">
<ng-view></ng-view>
</div>
<script type="text/ng-template" id="view.html">
<div ng-controller=
浏览 6提问于2015-09-04得票数 1
回答已采纳
2回答
我有一个提供静态标题菜单的索引，在它下面是一个基于路由的ng-view，它选择正确的模板。例如，如下所示：
<navbar>
...
</navbar>
<div ng-view>
</div>
到目前为止，一切都很好，当命中特定的路由时，会将一个模板与关联的控制器一起加载到该容器中。
现在，我在ng-view中加载了另一个页面，当命中url "/dashboard“时会触发该页面。问题是，仪表板页面有一个侧栏菜单，它还需要包含一些路由逻辑(或多或少)。当从侧边栏菜单中单击一个链接时，我只需要加载页面的左侧(而不是整个ng-vie
浏览 1提问于2015-06-11得票数 6
在解决滚动问题时需要帮助。
我已经为ng-view div启用了overflow属性，加载的视图没有启用滚动。只有在重新加载或刷新浏览器后，滚动才可见。
注意: ng-view的css是内联的。
浏览 2提问于2016-02-06得票数 0
我在我的ng-view之外加载了一个部分模板，带有它自己的控制器。它看起来像这样。
基模板
<html ng-app="myApp">
...
<div ng-include src="'myPartial.html'"></div>
...
<div ng-view></div>
...
<!-- script files go here -->
<script src="angular.js"><
浏览 0提问于2015-03-25得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
