小编Vis*_*ati的帖子

我安装了文档中提到的 ngx-clipboard，并在 systemjs.config 中包含了 js。但是我收到以下错误：

Unhandled Promise rejection: Template parse errors:
Can't bind to 'ngxClipboard' since it isn't a known property of 'button'. ("  </div>

这是我的模板：

<div class="col-xs-12 share-pageurl-label">
                    <a #copyTarget>{{pageURL}}</a>
                </div>
                <div class="col-xs-12 share-copy-btn">
                    <button [(ngxClipboard)]="copyTarget" (cbOnSuccess)="linkCopied()" 
                    [ngClass]="{linkCopied: isCopied}">
                        {{copyBtnLabel}} <span *ngIf="isCopied" class="glyphicon glyphicon-ok"></span>
                    </button>
                </div>

如何从ReactJS中的下拉列表中选择一个选项时触发事件.目前我正在使用,onChange但即使再次选择相同选项,我也需要触发事件.

当前代码:

<select name="select1" onChange={this.onChangeOption}>
    <option value='A'>Please select A...</option>
    <option value='B'>Please select B...</option>
    <option value='C'>Please select C...</option>
    <option value='D'>Please select D...</option>
</select>

我甚至尝试添加onClick处理程序到选项,但是不会点击选项,因为它只适用于元素.

我知道有一些解决方案使用jquery通过将click事件与option元素绑定,但需要在React中使用解决方案.不想只为这个要求包含jQuery.

一旦用户将注意力集中在select元素上，就需要清除select下拉列表的选定值。我使用了下面的代码，但无法弄清楚我需要重置的select属性。

<select name="select1" onChange={this.onChangeOption} onFocus={this.handleFocus}>
    <option value=''>Please select...</option>
    <option value='A'>A</option>
    <option value='B'>B</option>
    <option value='C'>C</option>
    <option value='D'>D</option>
</select>

handleFocus(event) {
    event.target.select(); // it did not work!!
}

我希望选定的值是Please select...用户专注于元素时的值。

HttpClient我正在使用提供的最新组件Angular5来发出本地 json 的 get 请求，但从那以后我收到了 404 错误。我已经HttpClientModule在我的app.module.ts.

文件夹结构快照：

我正在从博客详细信息组件进行调用blog-list.json。这是我的代码：

  constructor(private http: HttpClient) {
  }

  ngOnInit(): void {
    // this.http.get('https://jsonplaceholder.typicode.com/posts/1').subscribe((data:Blog[]) => {
    this.http.get('app/api/blog-list.json').subscribe((data:Blog[]) => {
         this.blogs = data;
    });
  }

我收到以下错误：

GET http://localhost:909/app/api/blog-list.json 404 (Not Found)

即使我尝试通过点击http://localhost:909/src/app/api/blog-list.json直接在浏览器中打开文件，我也会在那里提供应用程序而不是 json 文件。

请注意，对 Web 上的 Rest api 的注释请求成功，但仅调用本地 json 文件失败。

我的系统上安装了 Node(v6.10.3) 和 npm(3.10.10)。我安装create-react-app了它，它成功了。但是，当我尝试通过简单地运行在我的机器上创建一个新项目时：create-react-app sample-app，它给了我以下错误：

create-react-app ：术语“create-react-app”不被识别为 cmdlet、函数、脚本文件或可运行程序的名称。检查名称的拼写，或者如果包含路径，请验证路径是否正确，然后重试。在 line:1 char:1 + create-react-app + ~~~~~~~~~~~~~~~~ + CategoryInfo : ObjectNotFound: (create-react-app:String) [], CommandNotFoundException +fullyQualifiedErrorId : CommandNotFoundException

多年来一直在使用 cli，从未遇到过这种情况。有人知道为什么会发生这种情况吗？是否与 npm/node 的版本有关？

如果文件大小超过10mb,我无法在角应用程序中打开base64字符串作为pdf.浏览器崩溃,显示"AW,SNAP"页面.base64字符串即"base64content"在开始时已经有了元数据,看起来像这样:

data:application/pdf;base64,JVBERi0xLjQK...DUKJSVFT0YK

我正在使用以下方式在新标签中以PDF格式打开base64字符串:

$window.open(base64content);

使用 npm start 运行应用程序后，我无法将 scss 文件编译为 css。有没有办法实时重新加载 sass 到 css，就像 ts 被实用程序 tsc:w 编译为 js。所以我必须停止构建，然后执行 gulp watch 或 node-sass 命令将 scss 编译为 css，然后再次构建解决方案使用 npm 启动。我尝试了以下方法，但没有奏效。这是 package.json 中的代码：

使用 gulp 手表：

"start": "concurrently \"npm run tsc:w\" \"npm run lite\" \"gulp\" ", 
//also tried gulp watch and that did not work too.
"start": "concurrently \"npm run tsc:w\" \"npm run lite\" \"gulp watch\" ",

这是我在根目录中的 gulppfile.js：

'use strict';
var gulp = require('gulp');
var sass = require('gulp-sass');
gulp.task('sass', function () {
  gulp.src('./sass/**/*.scss')
    .pipe(sass().on('error', sass.logError)) …