小编jtb*_*itt的帖子

失败:未知错误:元素在点(x,x)处无法点击 - 角度/量角器

我一直在浏览我正在研究的Angular应用程序,使用Protractor为应用程序的所有不同部分测试CRUD功能.所有CRUD页面都有创建/编辑按钮,无论您使用哪个页面,按钮都会打开相同的模式,无论它们是创建还是编辑.

我不一致地遇到上面的问题.我确实会运行测试,它会给我这个错误,而不是打开模态,然后我会再次运行它,它将打开模态,同样的测试将通过.然后再次尝试确保它再次失败.等等

让测试的唯一问题似乎是浏览器/测试套件的问题,而不是实际的代码,这是非常烦人的.只是要明确我在Chrome中测试它.

处理这类问题的方法是什么,问题是传递和失败的不一致?我不清楚究竟需要修复什么设置.

javascript selenium automation angularjs protractor

7
推荐指数
1
解决办法
997
查看次数

window.scrollTo(0, 0) 和 scrollTop = 0 不适用于 Angular 2 路由更改

这是一个非常令人沮丧的问题。除了这最后一件事,我已经完成了我的应用程序。我一直在监听路由器上的变化,并试图让它在发生变化时自动滚动到顶部。我真的在 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 并没有效果。我在这里缺少什么?

angular2-routing angular

7
推荐指数
2
解决办法
6536
查看次数

Bootstrap崩溃不起作用; 汉堡菜单没有出现

我正在制作一个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)

jquery twitter-bootstrap

0
推荐指数
1
解决办法
2万
查看次数

s3 HTTP post 请求工作但不返回响应(Angular 6)

我正在 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)

amazon-s3 angular angular-httpclient angular6

0
推荐指数
1
解决办法
423
查看次数