小编cho*_*Bao的帖子

tslint/codelyzer/ng lint错误:"for(... in ...)语句必须使用if语句进行过滤"

Lint错误消息:

src/app/detail/edit/edit.component.ts [111,5]:for(... in ...)语句必须用if语句过滤

代码片段(这是一个工作代码.它也可以在angular.io表单验证部分获得):

for (const field in this.formErrors) {
      // clear previous error message (if any)
      this.formErrors[field] = '';
      const control = form.get(field);

      if (control && control.dirty && !control.valid) {
        const messages = this.validationMessages[field];
        for (const key in control.errors) {
          this.formErrors[field] += messages[key] + ' ';
        }
      }
    }
Run Code Online (Sandbox Code Playgroud)

知道如何修复这个lint错误吗?

tslint angular2-forms angular-cli angular

201
推荐指数
5
解决办法
10万
查看次数

如何使用*ngFor显示json对象

我想从Firebase显示以下数据

{
   "-KBN9O_qqz-nZ9tPWFdM":{
      "createdAt":1456399292790,
      "isActive":true,
      "name":"Hero 1"
   },
   "-KBN9gjJw1ZlMgt9pVsl":{
      "createdAt":1456399371220,
      "isActive":true,
      "name":"Hero 2"
   },
   "-KBN9hYI4vYAsyh5k1lX":{
      "createdAt":1456399374548,
      "isActive":true,
      "name":"Hero 3"
   }
}
Run Code Online (Sandbox Code Playgroud)

在做angular.io Tour of Heroes教程时,例如

<li *ngFor="#hero of heroes">
  <span class="badge">{{hero.id}}</span> {{hero.name}}
</li>
Run Code Online (Sandbox Code Playgroud)

所以英雄身份证应该显示例如-KBN9hYI4vYAsyh5k1lX ,英雄名称应该显示例如hero 3


我已经做了一些研究,并通过@Thierry Templier 使用*ngFor访问密钥和对象值来遇到这个stackoverflow解决方案

(1)这是解决我问题的正确方法吗?

(2)这个问题是否有一个更简单的解决方案,因为我觉得使用Angular2的开发人员显示这样的json数据真的很常见.

firebase typescript angular

24
推荐指数
3
解决办法
5万
查看次数

例外:不支持此浏览器,或者可能禁用第三方Cookie和数据

当我们的用户"阻止第三方Cookie和网站数据"时,会发生此错误.

要复制错误,请转到:

  1. 请查看本指南中的 Chrome浏览器"阻止第三方Cookie和网站数据" 参考
  2. 转到https://www.deeptent.com
  3. 单击"登录"
  4. 接下来,您将看到一个空白屏幕.如果您打开浏览器开发人员控制台,您将看到此错误:

我们始终建议用户取消选中阻止第三方Cookie和网站数据; 但是,有些用户仍然喜欢阻止它.

  1. 仍然可以通过此阻止登录Gmail.有趣的是,为什么我们的用户无法使用随第三方Cookie和网站数据提供的Firebase-Google OAuth登录?

  2. 我们使用Angular2和Firebase构建.用户是否仍然无法通过第三方Cookie和网站数据进行身份验证?

firebase firebase-authentication angularfire2

19
推荐指数
2
解决办法
3921
查看次数

在Javascript/Typescript中"让_self = this"意味着什么?

在这段代码片段中,为什么它this.identifier不起作用但_self.url有效?

  getConfig() {
    let _self = this;
    return function () {
      this.page.url = this.url || window.location.href;
      this.page.identifier = _self.identifier;
      this.page.category_id = this.categoryId;
      this.language = this.lang;
    };
}
Run Code Online (Sandbox Code Playgroud)

因此,没有let _self = this真正做?

javascript typescript angular

13
推荐指数
2
解决办法
4555
查看次数

Angular - 如何在我的网络应用程序中创建持久/永久的"添加到主屏幕"按钮,就像Google Contribute一样

如何在我的网络应用中创建持久/永久的"添加到主屏幕"按钮,就像Google Contribute一样?(见下图)

背景:这是一个带有PWA服务工作者和manifest.json所有设置的Angular v5应用程序.在应用程序中登陆时,将弹出一个横幅,邀请用户添加到主屏幕.这一切都很好.

那么如何在我的网络应用程序中有一个按钮,如Google Contribute(见下图)?

在此输入图像描述

angular

9
推荐指数
2
解决办法
3462
查看次数

Mule - DataMapper在验证数据库连接时抛出"错误".

...org.jetel.connection.jdbc.DBConnection: Error while validating DB connection.
java.lang.NullPointerException
    at org.jetel.connection.jdbc.DBConnection.isValid(DBConnection.java:531)
    at org.jetel.connection.jdbc.DBConnection.getConnection(DBConnection.java:473)
    at org.jetel.lookup.DBLookupTable.preExecute(DBLookupTable.java:188)
    at org.jetel.graph.TransformationGraph.preExecute(TransformationGraph.java:526)
    at com.mulesoft.mule.module.datamapper...
Run Code Online (Sandbox Code Playgroud)

以上是我在MuleStudio控制台中看到的错误; 但是,根据datamapper DB查找验证功能(见下图),数据库连接似乎很好.

在此输入图像描述

问题:导致此错误的原因以及如何解决此错误?

mule

5
推荐指数
1
解决办法
178
查看次数

Node.js Expres.js Heroku Toolbelt> Foreman Start - 错误:编写EINVAL

这是我在使用Heroku Toolbelt for Node.js运行foreman start时遇到的package.json错误

 "dependencies": 
{
    "express": "~4.4.0",
    "jade": "~1.3.1"
}
Run Code Online (Sandbox Code Playgroud)

在此输入图像描述

heroku node.js express foreman

5
推荐指数
2
解决办法
2916
查看次数

如何将AngularFire2身份验证作为可观察对象?

我希望经过身份验证的设置isAuthenticated:成功联合Google登录后boolean为True,或者用户已登录状态.

import {Injectable} from '@angular/core';
import {AngularFire} from 'angularfire2';
import {Observable} from 'rxjs/Observable';


//this current code is not making sense. Any suggestion 
//to make it an Observable for Signin and Logout?
@Injectable()
export class AuthService {
  isAuthenticated:boolean = false;
  authObj: Observable<any>;

  constructor(public af:AngularFire) {
    this.authObj = af.auth;
  }

  signin() {
    //I want to make AngularFire2 Authentication token/obj an Observable. So this will keep emitting an Observable
    //that return True.... after successful Federated Google Signin. I want my other component to …
Run Code Online (Sandbox Code Playgroud)

angularfire2 angular

5
推荐指数
1
解决办法
4755
查看次数

如何将ng-bootstrap添加到Angular-CLI(Broccoli版本)项目中?

如何添加ng-bootstrap(由angular-ui团队编写)到Angular-CLI(Angular2 RC4)项目?

进一步来说:

  1. 我应该如何将.css我的node_modules文件夹中的minified添加到angular-cli项目中?
  2. 我必须将它添加到angular-cli-build.js
  3. 我必须添加打字吗?
  4. 我是否必须将其添加到 /src/system-config.ts

ng-bootstrap angular

5
推荐指数
1
解决办法
2930
查看次数

Angular - 可以两次注册ngsw-worker.js(在main.ts和app.module.ts中)吗?

我在main.ts和app.module.ts中注册了ngsw-worker.js.这个可以吗?

比如它会创建2个服务工作者实例吗?服务工作者会发生冲突吗?

main.ts

platformBrowserDynamic().bootstrapModule(AppModule).then(() => {
  if ('serviceWorker' in navigator && environment.production) {
    navigator.serviceWorker.register('/ngsw-worker.js');
  }
}).catch(err => console.log(err));
Run Code Online (Sandbox Code Playgroud)

app.module.ts

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    ServiceWorkerModule.register('/ngsw-worker.js', {enabled: environment.production}),
    AppRoutingModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule {
}
Run Code Online (Sandbox Code Playgroud)

由于这个原因,我在main.ts注册它.

它已在app.module.ts中注册,因为默认的Angular-cli SW项目会在此处添加它.


在main.ts和app.module.ts中注册服务工作者后,我将Firebase Cloud Messaging sdk添加到Service Worker实例.

navigator.serviceWorker
          .ready
          .then((registration) => this.firebase.messaging().useServiceWorker(registration));
Run Code Online (Sandbox Code Playgroud)

那么简而言之,注册两个ngsw-worker.js实例会有问题吗?

angular angular-service-worker

5
推荐指数
0
解决办法
537
查看次数