- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我正在使用 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/
当我将 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
我是一名优秀的程序员,十分优秀!