小编ish*_*007的帖子

谁能告诉我,如何使用jQuery的有角？

class MyComponent {
    constructor() {
        // how to query the DOM element from here?
    }
}

我知道有一些变通方法可以预先操作DOM元素的类或id,但是我希望有一种更简洁的方法.

在AngularJS中,我可以使用ng-model选项去抖模型.

ng-model-options="{ debounce: 1000 }"

如何在Angular中去抖模型？我试图在文档中搜索debounce,但我找不到任何东西.

https://angular.io/search/#stq=debounce&stp=1

一个解决方案是编写我自己的去抖函数,例如:

import {Component, Template, bootstrap} from 'angular2/angular2';

// Annotation section
@Component({
  selector: 'my-app'
})
@Template({
  url: 'app.html'
})
// Component controller
class MyAppComponent {
  constructor() {
    this.firstName = 'Name';
  }

  changed($event, el){
    console.log("changes", this.name, el.value);
    this.name = el.value;
  }

  firstNameChanged($event, first){
    if (this.timeoutId) window.clearTimeout(this.timeoutID);
    this.timeoutID = window.setTimeout(() => {
        this.firstName = first.value;
    }, 250)
  }

}
bootstrap(MyAppComponent);

而我的HTML

<input type=text [value]="firstName" #first (keyup)="firstNameChanged($event, first)">

但是我正在寻找一个内置函数,Angular中有一个吗？

ng serve 通过开发服务器提供Angular项目

npm start运行在其"scripts"对象的包的"start"属性中指定的任意命令.如果在"scripts"对象上未指定"start"属性,则它将运行节点server.js.

它似乎ng serve启动了嵌入式服务器,而npm start启动了Node服务器.

有人可以对它有所启发吗？

我来自Asp.Net MVC世界,用户试图访问他们未授权的页面会自动重定向到登录页面.

我试图在Angular上重现这种行为.我来到@CanActivate装饰器,但它导致组件根本没有渲染,没有重定向.

我的问题如下:

• Angular是否提供了实现此行为的方法？
• 如果是这样,怎么样？这是一个好习惯吗？
• 如果没有,在Angular中处理用户授权的最佳做法是什么？

 brew cask install android-sdk

==>警告我们将为您安装android-sdk-tools,platform-tools和build-tools.您可以通过sdkmanager命令控制android sdk包.您可能想要添加到您的个人资料:'export ANDROID_HOME =/usr/local/share/android-sdk'

此操作最多可能需要10分钟,具体取决于您的互联网连接.请耐心等待.

==>正在下载https://dl.google.com/android/repository/tools_r25.2.3-macosx.zip 已下载:/Users/ishandutta2007/Library/Caches/Homebrew/Cask/android-sdk--25.2.3. zip ==>验证Cask的校验和android-sdk ==>警告:无法加载文件/Users/ishandutta2007/.android/repositories.cfg.

说我检查它和表达,那么这两个不一样吗？

<div *ngIf="expression">{{val}}</div>

<div [hidden]="!expression">{{val}}</div>

我正在检查我发现的代码

import { Observable } from 'rxjs/Rx';
// reducer
import { playerRegister, PlayerState } from './player';
export function getPlayer$ (state$: Observable<MyAppState>): Observable<PlayerState> {
  return state$.select(state => state.player);
};

Firebase auth工作正常,调试版本突然开始失败,没有任何代码更改,记录下面的消息

D/PhoneAuthActivity(7392):signInWithCredential:failure:com.google.firebase.auth.FirebaseAuthException:此应用无权使用Firebase身份验证.请验证Firebase控制台中是否配置了正确的软件包名称和SHA-1.[应用验证失败].

成功登录和失败之间唯一值得注意的行动是android studio升级.

我试过这些

• 错误TS2304:找不到名称'Buffer',
• https://github.com/aws/aws-sdk-js/issues/994和
• 使用带有angular2的aws-sdk

我的打字和@ types/node似乎已正确安装.以下是错误详细信息:

/Users/ishandutta2007/Documents/Projects/myproj/node_modules/aws-sdk/lib/http_response.d.ts(1,25)中的错误:找不到模块'stream'.)/ Users/ishandutta2007/Documents/Projects/myproj /node_modules/aws-sdk/lib/http_response.d.ts(1418):找不到名称'Buffer'.)

tsconfig.json

{
  "compileOnSave": false,
  "compilerOptions": {
    "outDir": "./dist/out-tsc",
    "baseUrl": "src",
    "sourceMap": true,
    "declaration": false,
    "moduleResolution": "node",
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "target": "es5",
    "typeRoots": [
      "node_modules/@types"
    ],
    "lib": [
      "es2016",
      "dom"
    ]
  }
}

的package.json

{
  "name": "reactvidsangular",
  "version": "0.0.0",
  "license": "MIT",
  "scripts": {
    "ng": "ng",
    "start": "webpack-dev-server --port=4200",
    "build": "webpack",
    "test": "karma start ./karma.conf.js",
    "lint": "ng lint",
    "e2e": "protractor ./protractor.conf.js",
    "prepree2e": "npm start",
    "pree2e": "webdriver-manager update --standalone false --gecko …

令人惊讶的是我找不到onselect回调,那么如何在material-angular-select上创建回调呢？

这是我的尝试

import { Component, Input, Output, OnInit, OnChanges, SimpleChanges, ChangeDetectionStrategy, EventEmitter } from '@angular/core';    
import { BehaviorSubject } from 'rxjs/BehaviorSubject';    
import { FormControl } from '@angular/forms';
import { MatSelectModule } from '@angular/material/select';

@Component({
  selector: 'app-search-navigator',
  template: `
    <mat-form-field>
      <mat-select [(value)]="selected" [formControl]="pc" panelClass="example-panel-{{pc.value}}">
        <mat-option *ngFor="let panelColor of panelColors" [value]="panelColor.value">
          {{ panelColor.viewValue }}
        </mat-option>
      </mat-select>
    </mat-form-field>
  `,
  changeDetection: ChangeDetectionStrategy.Default
})
export class SearchNavigatorComponent implements OnInit {
  private selected ;
  private selectedObs$;
  private pc = new FormControl('red');
  private panelColors = …