标签: angular7

Angular 给出了错误： bootstrap 4 中的 popper.js 给出了 SyntaxError Unexpected token export

我从浏览器控制台收到此错误。

即使我更改了 popper.min.js 位置引用但没有用..

node_modules/popper.js/dist/umd/popper.min.js

node_modules/popper.js/dist/ems/popper.min.js

Angular.json

    "scripts": [
      "node_modules/bootstrap/dist/js/bootstrap.min.js",
      "node_modules/jquery/dist/jquery.slim.min.js",
      "node_modules/popper.js/dist/popper.min.js"
    ]

我找到了针对Angular的异步管道错误处理的这个检查,看起来很有希望:https://sebastian-holstein.de/post/error-handling-angular-async-pipe/

尝试以角度7运行它会导致编译错误

readonly data$: Observable<T>;

  constructor(data: Observable<T>) {
    this.data$ = data.pipe(
      shareReplay(1),
      catchError(error => {
        console.log(error);
        this._errorLoading$.next(true);
        return of();
      })
    );
  }

错误:

ERROR in src/app/loading-wrapper.ts(12,5): error TS2322: Type 'Observable<{} | T>' is not assignable to type 'Observable<T>'.
  Type '{} | T' is not assignable to type 'T'.
    Type '{}' is not assignable to type 'T'.

全班

有关如何修复的任何建议？

我有一个材料日期选择器，它由 mysql 数据库发送的值设置。

该按钮始终处于禁用状态，不应如此，因为日期选择器已包含一个值。但是当我使用日期选择器将值更改为另一个日期时，该按钮已启用。

这是描述该问题的堆栈闪电战。

这里是脚本（我使用日期的静态值来模拟来自服务器的相同值）：

从服务器返回的值2018-2-12 00:00:00显示在日期选择器中，就像2/12/2018我的项目一样，但在 stackblitz 上它显示为2/12/2018 00:00:00.

html脚本：

<form [formGroup]="formGroup">
    <mat-card>
        <mat-card-content>
            <h2 class="example-h2">Datepicker</h2>
            <mat-form-field color="warn" appearance="outline">
                <input matInput id="date_added" [max]="maxDate" [matDatepicker]="picker" [value]="dateFormat"
                  formControlName="date_added" placeholder="Date Added">
                <mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle>
                <mat-datepicker #picker></mat-datepicker>
              </mat-form-field>&nbsp;
  </mat-card-content>
</mat-card>
 <button mat-raised-button color="warn" (click)="updateHouseholdData()" [disabled]="!formGroup.valid">
            <mat-icon>update</mat-icon>Update
          </button> 
</form>
{{formGroup.controls.date_added.errors | json}}
<br>
{{formGroup.controls.date_added.value | json}}

打字稿：

export class AppComponent { 
  formGroup: FormGroup;
  dateFormat;
  constructor(private fb: FormBuilder)
  {
    this.formGroup = this.fb.group({
      'date_added': new FormControl('', Validators.required)
    })
  } …

我试图在移动屏幕上使用MaterializeCSS的时候制作一个可折叠的导航栏，并且需要在其中使用JavaScript代码。我应该在哪里编写此JavaScript代码？

这是我要使用的代码：

**$(document).ready(function(){
    $('.sidenav').sidenav();
  });**

我正在尝试借助Angular的教程https://angular.io/guide/http创建服务

我正在使用Angular 7.0.7。

该服务将从某些网址获取json数据：

import { Injectable } from '@angular/core';
import { HttpClient } from '@angular/common/http';

@Injectable
export class ProductListService {
  constructor(private http: HttpClient) {
  }

  productListUrl: string = "https://blahblah.com/products";

  getProductList() {
    return this.http.get(this.productListUrl);
  }
}

我在@Injectable()该问题的标题下出现了弯曲的线条。为什么会发生这种情况，我该如何解决？

我有一个将使用此服务的组件：

 import { ProductListService } from '../services/productList.service';
 @Component({
   selector: 'app-productlist',
   templateUrl: './productlist.component.html',
   styleUrls: ['./productlist.component.css'],
   providers: [ProductListService]
 })

我想构建我的Angular项目并生成一个包含它的ZIP文件，以通过电子邮件发送它，并且我希望接收它的人能够在他的桌面上单击index.html文件来打开它。

我将baseUrl更改为./或document.location，但是出现以下错误：“未处理的导航错误”

有没有人暗示如何解决此问题？

我收到以下错误，

$ ng new ng_api_browser

Schematic input does not validate against the Schema: {"name":"ng_api_browser","version":"7.3.1","routing":true,"style":"sass"}
Errors:

  Data path ".name" should match format "html-selector".

如何解决此错误？

我使用创建了一个应用，ng new并使用添加了Material ng add @angular/material。当我运行时，ng serve尽管有我的参与，但我看不到加载了style.css材料angular.json

"architect": {
  "build": {                                                         
    "options": {
      "styles": [                                                    
        "./node_modules/@angular/material/prebuilt-themes/indigo-pink.css",                                                                     
        "src/styles.scss"                                            
      ],                                                             
  ...                           

我还想念什么？当我查看chrome开发者控制台时，看到它正在加载

• content_scripts.css
• frontend.css
• shadow.css

字体（fonts?family..）的一个css 和图标的一个的cssicon?family..

我也尝试过添加styles.scss以下内容，

@import "~@angular/material/prebuilt-themes/indigo-pink.css"; 

这也导致没有引入其他css文件。

我在Angular 7中编写了CachcingServiceBase，但是似乎遇到了以下错误“可观察的共享不是函数”

import "rxjs/add/operator/share";
import { Observable } from "rxjs";

export abstract class CachcingServiceBase {
  protected cache<T>(getter: () => Observable<T>,
                     setter: (val: Observable<T>) => void,
                     retreive: () => Observable<T>): Observable<T> {
    const cached = getter();
    if (cached !== undefined) {
      return cached;
    } else {
      const val = retreive().share();
      setter(val);
      return val;
    }
  }
}

我导入共享运算符错误吗？我该如何解决？。我也尝试以其他方式导入，但无法解决问题

我正在尝试通过硒在angular7应用程序中阅读文本工具提示。但是获取文本返回空白，而javascript执行程序返回null。

链接到我无法找到xpath的DOM图像

但是获取文本返回空白，而javascript执行程序返回null。

这是空白

driver().get("https://vmware.github.io/clarity/documentation/v0.12/tooltips");
Wait(3000);
System.out.println(driver().findElement(By.xpath("(//span[@class='tooltip-content'])[2]")).getText());

这将返回null

System.out.println(driver().findElement(By.xpath("(//span[@class='tooltip-content'])[2]")).getAttribute("value"));

String theTextIWant = ((JavascriptExecutor) driver()).executeScript("return arguments[0].innerHTML;",driver().findElement(By.xpath("(//span[@class='tooltip-content'])[2]")));