个人中心
文章发布
退出
作者热门文章
- html - 我的下拉菜单的内容关闭得太快
- c# - 使用 Html Agility Pack 从网页中的表中获取值而不使用 "SelectNode'
- html - 内容容器下的 CSS 下拉菜单
- html - 如何停止嵌套列表重叠父列表？
28
4
我正在使用 angularJS 和 PHP 构建一个网站。网站有许多页面，如主页、关于我们等。
因此，我为网站创建了一个通用 header ，并将其包含在我的 HTML View 中，如下所示:
<!DOCTYPE html>
<html ng-app="myApp">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Demo</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.2/jquery.min.js"></script>
<script src="angular.min.js"></script>
<script src="angular-route.min.js"></script>
<script src="commonController.js"></script>
<script src="homeController.js"></script>
<script src="loginController.js"></script>
<script src="app.js"></script>
</head>
<body>
<div class="header" ng-controller="CommonController"
ng-include="'header.html'"></div>
<div class="main" ng-view></div>
</body>
</html>
页眉 (header.html) 页面如下所示:
<nav class="navbar-inverse navbar-fixed-top" role="navigation">
<a href="#/home">Home</a>
<a href="#/notifications" >{{vm.commonId}}</a>
</nav>
并且 header Controller 有一个获取用户 ID 的 http 调用，我试图将此 ID 显示为上述链接之一的标签 (commonController.js)
(function() {
angular
.module('myApp.common', ['ngRoute'])
.factory('myCommonService', function($http) {
var baseUrl = 'api/';
return {
getBasicUserInfo:function() {
return $http.get(baseUrl + 'getBasicUserInformation');
}
};
})
.controller('CommonController', function($scope, $routeParams, myCommonService) {
var vm = this;
myCommonService.getBasicUserInfo().success(function(data) {
vm.commonId = data.id;
});
});
})();
但是当我浏览页面时，页眉保持不变。所以，我无法启动该 http 调用。我的网站上有很多页面。
这能做到吗？我对这个平台还很陌生。
路由(app.js)
(function() {
angular.module('myApp', [
'ngRoute',
'myApp.login',
'myApp.home',
'myApp.common'
])
.config(['$routeProvider', function($routeProvider) {
$routeProvider
.when('/login', {
controller: 'LoginController',
templateUrl: 'loginView.html',
controllerAs: 'vm'
})
.when('/home', {
controller: 'HomeController',
templateUrl: 'homeView.html',
controllerAs: 'vm'
})
.otherwise({
redirectTo: '/login'
});
}]);
})();
P.S:我排除了其他页面以降低复杂性并使我的查询易于理解。
谢谢!
最佳答案
在我看来，所缺少的只是让模板知道 Controller 的作用域别名
<div class="header" ng-controller="CommonController as common"
ng-include="'header.html'"></div>
并在 header.html
<a href="#/notifications">{{common.commonId}}</a>
请注意，我使用的是 common 而不是 vm，因为您的某些路由正在使用 vm 并且最好避免冲突。
如果你想触发页面导航的更新(即路由更改)，请将你的 CommonController 更改为此
.controller('CommonController', function($scope, myCommonService) {
var ctrl = this;
var update = function() {
myCommonService.getBasicUserInfo().then(function(res) {
ctrl.commonId = res.data.id;
});
};
update();
$scope.$on('$routeChangeSuccess', update);
});
关于angularJS-从 Controller 发起 HTTP 调用失败，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/40021558/
28
4
0
当我将 quickfix.fix44.QuoteRequest() 发送到 CurreneX 时，出现错误: 58=initiate rfq failed: noTradersAvailable_ts
我目前正在开发一个应用程序 - 数据包嗅探器。它有一个服务器和一个客户端组件。服务器是用java编写的。并且客户端是使用objective-c编写的。我有一个集中式服务器。应用程序安装在客户端中。它将
我正在使用 angularJS 和 PHP 构建一个网站。网站有许多页面，如主页、关于我们等。 因此，我为网站创建了一个通用 header ，并将其包含在我的 HTML View 中，如下所示:
我想在单击按钮时发起 Skype 通话。我查找了几种可用的解决方案，但我猜大多数都已经过时并且无法正常工作。有人可以帮我解决这个问题吗？我是 Android 编程的新手。我已经包含在下面的代码中。任何
目标是在卫星服务器和中央注册数据库之间建立 n 个 ssh 隧道。我已经在我的服务器之间设置了公钥身份验证，因此它们无需密码提示即可直接登录。怎么办 ？我试过Paramiko。看起来不错，但仅仅设置一
已关闭。此问题不符合Stack Overflow guidelines 。目前不接受答案。 要求我们推荐或查找工具、库或最喜欢的场外资源的问题对于 Stack Overflow 来说是偏离主题的，因为
我正在构建的应用程序遇到了问题，我有点卡住了。 我有一个 iOS 应用程序(处理通过 Twilio SDK 发起的调用)，它与 Ruby on Rails 后端通信(处理 Twilio 服务器端实现)
使用 Linux 和 glibc，在发起 TCP/IP 连接时(在套接字上调用 connect())，如果我有多个本地 IP 地址，我如何才能明确选择我想要发起该连接的 IP 本地地址我可以从哪里访问
我正在编写一个将发出 SIP 调用的 Android 应用程序。我想使用 native Android SIP API 并在以下位置找到文档: http://developer.android.com
Reddit 有一个 Oauth2 的 API 端点，我需要在其中使用适当的 header 和数据执行 POST 以获得访问 token 。这是我的代码: package main import (
我从 hping 得到以下输出在 OpenBSD 上: # hping --icmp-ts www.openbsd.org HPING www.openbsd.org (re0 129.128.5.1
这个问题属于基于 SAML 的 IDP 发起的 SSO 领域。作为 POC，我有两个 keycloak 实例，比如 keycloak1 和 keycloak2。我想实现以下目标: 身份验证将在 key
我正在尝试快速获取请求并填充我的 TableView 。截至目前，我已经准备好需要填充到我的 table 中的 json 数据，看起来像 因为我刚刚开始学习swift，所以我发现提出请求有点困惑。这是
我有两个 Activity ，其中一个叫做 MyActivity。我希望它们都能够使用位于我们可以称为 MyClass 的类中的函数。在 MyClass 中，我尝试使用 Intent 启动 Activ
我试着做 mConnection.SendAction(new OriginateAction() { Channel = "S
我有一个 ant 构建脚本，它创建一个 war 文件。文件内容如下。
我想发出一个获取 json 响应的 http get 请求。在该 session 响应中，我想将一个值存储到我的 session 中。这是如何实现的？ 谢谢 最佳答案 这是示例代码。你会在 recvb
当用户单击提交按钮时，我希望提交表单。然而，就在这种情况发生之前，我希望弹出一个窗口并让他们填写一些数据。一旦他们执行此操作并关闭该子窗口，我希望发出 POST 请求。 这可能吗？如果可能的话如何？我
这是 asked before ，却没有得到满意的答复。 我需要从我的 Android 应用程序向通过 USB 连接的 PC 发送 HTTP 请求。通常，使用 ADB 的通信是单向的，从 PC 到 A
我是一名优秀的程序员,十分优秀！