我一直在浏览我正在研究的Angular应用程序,使用Protractor为应用程序的所有不同部分测试CRUD功能.所有CRUD页面都有创建/编辑按钮,无论您使用哪个页面,按钮都会打开相同的模式,无论它们是创建还是编辑.
我不一致地遇到上面的问题.我确实会运行测试,它会给我这个错误,而不是打开模态,然后我会再次运行它,它将打开模态,同样的测试将通过.然后再次尝试确保它再次失败.等等
让测试的唯一问题似乎是浏览器/测试套件的问题,而不是实际的代码,这是非常烦人的.只是要明确我在Chrome中测试它.
处理这类问题的方法是什么,问题是传递和失败的不一致?我不清楚究竟需要修复什么设置.
这是一个非常令人沮丧的问题。除了这最后一件事,我已经完成了我的应用程序。我一直在监听路由器上的变化,并试图让它在发生变化时自动滚动到顶部。我真的在 Google 上尝试了 10 种不同的解决方案,但没有任何效果。我知道它与路由器有关,但我不知道为什么它不会滚动。这是我目前使用的代码。
app.component.ts
this.router.events.filter(event => event instanceof NavigationEnd).subscribe(event => {
window.scroll(0, 0);
});Run Code Online (Sandbox Code Playgroud)
应用程序组件.html
<div class="mainbody bgc-white">
<router-outlet></router-outlet>
</div>Run Code Online (Sandbox Code Playgroud)
我已经尝试了几种变体,特别是使用 ElementRef 抓取路由器出口元素并设置 scrollTop = 0,但这也没有效果。还尝试使用 document.body 并没有效果。我在这里缺少什么?
我正在制作一个Angular应用程序,并在Bower上安装了所有的lib.当我检查控制台时,所有工作表/脚本都正确加载.我也有自己的bootstrap和jQuery定义.我从Bootstrap的网站上复制了代码.
我遇到的问题是汉堡包菜单永远不会出现.链接只是保持与屏幕大时完全相同.另一个问题是,即使站点很大,导航崩溃崩溃div也不会显示出来.似乎崩溃存在问题,这使两者都无法正常工作.建议?
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Jay - Web Developer</title>
<!-- For Angular Routing -->
<base href='/'>
<!-- CSS -->
<link rel="stylesheet" href="assets/libs/bootstrap/dist/css/bootstrap.min.css">
<!-- JS -->
<script src="assets/libs/angular/angular.min.js"></script>
<script src="assets/libs/angular-route/angular-route.min.js"></script>
<script src="assets/libs/angular-animate/angular-animate.min.js"></script>
<script src="assets/libs/jquery/dist/jquery.min.js"></script>
<script src="assets/libs/bootstrap/dist/js/bootstrap.js"></script>
<!-- APP -->
<script src="app/controllers/mainCtrl.js"></script>
<script src="app/app.routes.js"></script>
<script src="app/app.js"></script>
</head>
<body ng-app="jayPortfolio" ng-controller="mainController as main">
<!-- NAVBAR -->
<header>
<div class="navbar navbar-default">
<div class="navbar-inner">
<div class="container">
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar">About</span>
<span class="icon-bar">Portfolio</span>
<span class="icon-bar">Experience</span>
<span …Run Code Online (Sandbox Code Playgroud) 我正在 Angular 6 中为我的公司构建一个媒体上传器,并在 s3 中将文件加载到我们的存储桶中。到目前为止,文件已成功上传并显示在 s3 控制台中,但 POST 请求始终返回“null”,即使它有效。
我想取回响应数据,因为我正在尝试跟踪上传进度,以在 UI 中显示用户。但是我无法从空响应中获取任何事件。
这是当前工作代码的样子。当我添加一个 console.log 并检查响应时它是“空”。我做错了什么,还是 s3 是这里的问题?
upload(url: string, data: any) {
const options = { reportProgress: true };
return this.http.post(url, data, options)
.map((response: Response) => response);
}Run Code Online (Sandbox Code Playgroud)
angular ×2
amazon-s3 ×1
angular6 ×1
angularjs ×1
automation ×1
javascript ×1
jquery ×1
protractor ×1
selenium ×1