小编Nit*_*ana的帖子

加载数据时的可访问性

我正在研究可访问性问题。我有一个旋转/加载器，当数据加载时它会出现在屏幕上。

<spinny aria-live="polite" role="alert" aria-label="Loading Page">

Run Code Online (Sandbox Code Playgroud)

因此，当 Spinny 出现在屏幕上时，屏幕阅读器会提醒我 Spinny 已加载。现在我希望当 Spinny 离开屏幕时，我希望屏幕阅读器提供诸如已加载数据之类的消息。

我尝试过 aria-relevant、aria-atomic 等，但似乎没有任何效果。

html wai-aria

Nit*_*ana

lucky-day

2
推荐指数

1
解决办法

1318
查看次数

ReactDom没有定义？

我正在尝试在reactjs中编写一个基本程序

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8" />
    <title>Hello React!</title>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.3.2/react.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.3.2/react-dom.min.js"></script> 
    <script src="https://unpkg.com/babel-core@5.8.38/browser.min.js"></script>
</head>
<body>
    <div id="example"></div>
    <script type="text/babel">
        ReactDOM.render(
        <h1>Hello, world!</h1>,
        document.getElementById('example')
        );
    </script>
</body>
</html>

Run Code Online (Sandbox Code Playgroud)

上面的程序运行正常.但是当我将脚本文件中的内容移动到单独的app.jsx文件时,它会显示未定义reactDom的错误.

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8" />
    <title>Hello React!</title>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.3.2/react.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.3.2/react-dom.min.js"></script> 
    <script src="https://unpkg.com/babel-core@5.8.38/browser.min.js"></script>
</head>
<body>
    <div id="example"></div>
    <script type="text/babel" src="app.jsx">

    </script>
</body>
</html>

Run Code Online (Sandbox Code Playgroud)

我的app.jsx看起来像:

ReactDom.render(
    <h1>Hello React!!!</h1>,
    document.getElementById('example')
)

Run Code Online (Sandbox Code Playgroud)

javascript reactjs react-dom

Nit*_*ana

lucky-day

1
推荐指数

1
解决办法

3140
查看次数

在Angular 6中通过TS创建模型类

我正在尝试在我的角度应用程序中创建一个模型类，如下所示：

export class BookModel {
  public _id:any;
  public authors:any[];
  public categories:any[];
  public isbn:any;
  public longDescription:any;
  public pageCount:any;
  public thumbnailUrl:any;
  public title:any;

  constructor(id,author, category, isbn, longDescription, pageCount, thumbnailUrl, title) {
    this._id = id;
    this.authors.push(author);
    this.categories.push(category);
    this.isbn = isbn;
    this.longDescription = longDescription;
    this.pageCount = pageCount;
    this.thumbnailUrl = thumbnailUrl;
    this.title = title;
  }
}

Run Code Online (Sandbox Code Playgroud)

现在，当我实例化这个模型类时，我收到错误，指出 this.authors 未定义。我将我的类实例化为

let newBook = new BookModel(formValues.id,formValues.AuthorName, formValues.category, formValues.isbn, formValues.description, formValues.pages, formValues.thumbnailUrl, formValues.bookName);

Run Code Online (Sandbox Code Playgroud)

但它给了我错误：