小编jad*_*000的帖子

我正在使用Angular 5.我有一个要求,我需要在页面上传图像并显示图像？

是否有任何Angular 5标签或html标签我能做到这一点？

我正在附上一个屏幕截图.用户点击"上传"按钮,应该有一个弹出窗口,用户选择要上传的文件.选择要上传的文件后,单击"打开"按钮.图像将显示在页面上？

任何提示或建议将不胜感激!!

我是 Angular 8 的新手。我使用的是 Angular 8。任何帮助或提示将不胜感激！

我试图实现以下伪代码：

if (condition1)
{
    print1
}
else if (condition2)
{
    print2
}
else
{
    print3
}

这是我只能实现的代码 if else

<ng-container *ngIf="(5>1);then resultOutOfRange else resultNA;">
</ng-container>
<ng-template #resultOutOfRange>
    <td  class="help-block">Result out of Range </td> 
</ng-template>
<ng-template #resultNA>
    <td>Result N/A</td>
</ng-template>

任何帮助或提示将不胜感激。为什么在方法调用中不使用括号？如果我使用括号“onInputChange()”，则在加载页面时会调用该方法。调用后，如果我在输入框中键入任何内容并单击“onInputChange()”方法之外的区域，则不会调用该方法。

如果我不使用括号“onInputChange”，则加载页面时不会调用该方法，为什么会这样？但是加载后，我在输入框中输入一些内容，然后在调用方法“onInputChange”之外单击。

错误的方法：

  <input type="text" onChange={this.onInputChange()} />

正确的方法：

<input type="text" onChange={this.onInputChange} />

搜索栏.js

import React from 'react';

class SearchBar extends React.Component {
  onInputChange() {
    console.log('onInputChange');
  }

  render() {
    return (
      <div className="ui segment">
        <form className="ui form">
          <div className="field">
            <label>Image Search</label>
            <input type="text" onChange={this.onInputChange()} />
          </div>
        </form>
      </div>
    );
  }
}

export default SearchBar;