GVKun编程网logo

angular – 无法读取null的’required’属性(angular读取本地json)

13

本文将为您提供关于angular–无法读取null的’required’属性的详细介绍,我们还将为您解释angular读取本地json的相关知识,同时,我们还将为您提供关于Angular2无法读取nu

本文将为您提供关于angular – 无法读取null的’required’属性的详细介绍,我们还将为您解释angular读取本地json的相关知识,同时,我们还将为您提供关于Angular 2无法读取null的属性’config’、Angular FormArray-无法读取null的属性“ push”、angular ngrx store error无法读取undefined的属性’schedule’、angular – Heroku部署错误:“找不到名称’require’.”的实用信息。

本文目录一览:

angular – 无法读取null的’required’属性(angular读取本地json)

angular – 无法读取null的’required’属性(angular读取本地json)

在模板中,我有一个表单,其中一部分与渲染课程列表有关:

<form #f="ngForm" (ngSubmit)="submit(f)">
 <div>
  <label for="courseCategory"> Category </label>
  <select required ngModel name="courseCategory" #courseCategory="ngModel" id="courseCategory">
    <option value=""></option>
    <option *ngFor="let category of categories" [value]="category.id"> // line 16
      {{category.name}}
    </option>
  </select>
  <div*ngIf="courseCategory.touched && courseCategory.errors.required">
    Course category is required
  </div>
 </div>
</form>

在浏览器中,当我选择一个类别并按TAB(离开下拉列表)时,我在控制台上收到此错误:

CourseComponent.html:16 ERROR TypeError: Cannot read property
‘required’ of null
at Object.eval [as updateDirectives] (CourseComponent.html:20)

你能帮我找出导致这个错误的原因吗?

Boot Code 3.3.7已安装在VS代码中.

解决方法

错误并不总是存在,所以你必须像这样定义它:

<div*ngIf="courseCategory.touched && courseCategory.errors?.required">

安全运算符“?”

Angular 2无法读取null的属性’config’

Angular 2无法读取null的属性’config’

我有Angular 2的问题.当我想启动服务器它得到这个:
$ng serve
Cannot read property 'config' of null
TypeError: Cannot read property 'config' of null
at Class.run (C:\Users\damien\Desktop\application\node_modules\@angul ar\cli\tasks\serve.js:22:63)
at check_port_1.checkPort.then.port (C:\Users\damien\Desktop\application\node_modules\@angular\cli\commands\serve.js:103:26)
at process._tickCallback (internal/process/next_tick.js:103:7)

我重新安装了CLI,其他任何工作都没有.我可能是json文件的东西?

我找到了解决方案! 在我的情况下,我将项目移动到另一个目录. 有一个名为.angular-cli的隐藏文件 在旧项目中显示隐藏文件并复制此文件并将其粘贴到新的扩展中.这解决了我的问题.

Angular FormArray-无法读取null的属性“ push”

Angular FormArray-无法读取null的属性“ push”

由于嵌套了formArray,因此必须按如下所示更改模板。

component.html

 <ng-container
      formArrayName="formArray"
      *ngFor="let forArr of form.get('formArray').controls; let x = index"
    >
      <ng-container [formGroupName]="x">
        <div
          formArrayName="credentials"
          *ngFor="
            let creds of forArr.controls.credentials?.controls;
            let i = index
          "
        >
          <ng-container [formGroupName]="i">
            <input placeholder="Username" formControlName="username" />
            <input placeholder="Password" formControlName="password" />
          </ng-container>
        </div>
      </ng-container>
    </ng-container>

component.ts

 addCreds() {
    const formArray = this.form.get("formArray") as FormArray;
    (formArray.controls[0].get("credentials") as FormArray).push(
      this.fb.group({
        username: "",password: ""
      })
    );
  }

Forked Example

angular ngrx store error无法读取undefined的属性’schedule’

angular ngrx store error无法读取undefined的属性’schedule’

我尝试使用Angular实现ngrx / Store但是我总是在控制台中收到以下错误,并且没有显示任何内容:

“TypeError: Cannot read property ‘schedule’ of undefined
at ObserveOnSubscriber.scheduleMessage”

顺便说一下我使用的方式:

Angular CLI:1.7.4
Angular:5.2.11

由于我是ngrx / Store的新手,我试图实现以下示例:
https://malcoded.com/posts/angular-ngrx-guide

即使我尝试了其他示例,但我总是得到相同的上述错误.

在将ngRx / Store集成到新应用程序中时,我遇到了同样的问题.当我检查npm安装日志时,我注意到了这一点:

npm WARN @ngrx/store@6.0.1 requires a peer of @angular/core@^6.0.0 but none is installed. You must install peer dependencies yourself.

这让我相信@ ngRx / Store v6.x需要Angular v6.卸载@ ngRx / Store v6并降级到ngRx / Store v5.2.0后,一切都像魅力一样.

步骤解决方案:

> npm uninstall @ ngrx / store
> npm install @ ngrx / store @ 5
>重新编译应用程序

由于编辑限制,添加了更多行

angular – Heroku部署错误:“找不到名称’require’.”

angular – Heroku部署错误:“找不到名称’require’.”

将基于Angular 2 Node的应用程序部署到Heroku会触发此错误:

94% asset optimizationError in bail mode: [default] /tmp/build_47b0228d68fca7157f36b354e7868841/src/app/account/account-list.component.ts:13:12
remote:        Cannot find name 'require'.
remote:        
remote:        npm ERR! Linux 3.13.0-100-generic
remote:        npm ERR! argv "/tmp/build_47b0228d68fca7157f36b354e7868841/.heroku/node/bin/node" "/tmp/build_47b0228d68fca7157f36b354e7868841/.heroku/node/bin/npm" "install" "--unsafe-perm" "--userconfig" "/tmp/build_47b0228d68fca7157f36b354e7868841/.npmrc"
remote:        npm ERR! node v6.6.0
remote:        npm ERR! npm  v3.10.8
remote:        npm ERR! code ELIFECYCLE
remote:        npm ERR! fm-ui@2.0.0-alpha.6 postinstall: `ng build -prod`
remote:        npm ERR! Exit status 1

解决方法

将@ types / node添加为应用程序依赖项:

npm install @types/node --save

为了无错误地编译应用程序,Heroku需要Node类型依赖;将它作为开发依赖项是不够的.

有关相关信息,请参见typescript getting error TS2304: cannot find name ‘ require’.

今天的关于angular – 无法读取null的’required’属性angular读取本地json的分享已经结束,谢谢您的关注,如果想了解更多关于Angular 2无法读取null的属性’config’、Angular FormArray-无法读取null的属性“ push”、angular ngrx store error无法读取undefined的属性’schedule’、angular – Heroku部署错误:“找不到名称’require’.”的相关知识,请在本站进行查询。

本文标签: