Angular生成的项目，无响应的控制器

6 浏览
0 Comments

Angular生成的项目，无响应的控制器

非常抱歉，我对问题的定位有些困难。\n我使用\"ng new\"命令生成一个新的Angular项目，但是当我尝试在项目中使用控制器时，它们没有响应。\n为了确保不是我的代码问题，我从这里复制了一段代码：https://www.w3schools.com/angular/angular_events.asp（ng-click指令示例2），如下所示：\n在一个单独的index.html文件中运行此代码时，Angular控制器是有响应的，当我点击时，计数在屏幕上变化。\n但是，当我将代码插入到我的应用程序中时，格式基本相同，但没有\"DOCTYPE\"、\"html\"和\"script src=...\"标签（如下所示），应用程序变得无响应。\n我不确定其他文件是否对解决这个问题有用，但请告诉我，我会提供它们。目前，我没有创建其他控制器，上述的.html文件位于app.component.html的子组件中。

0

2 答案

0 Comments

问题的原因是使用了错误的命令创建了Angular项目。命令ng new生成的是Angular App，而不是AngularJS应用程序。Angular和AngularJS之间有很大的区别，包括语言（Angular大多数情况下使用TypeScript，而AngularJS使用JavaScript）、开发状态（Angular正在积极开发，目前版本为9，而AngularJS将在2021年6月30日之前提供长期支持）、浏览器功能的使用等等。

解决方法是不使用ng new命令创建AngularJS应用程序。如果您仍然想使用AngularJS，可以按照该教程进行操作，但是无法使用ng new创建新的应用程序。如果您正在寻找Angular的教程，建议参考官方的英雄教程，该教程非常易于理解和使用。

总之，要创建AngularJS应用程序，请使用适当的命令或按照相关教程进行操作。如果要学习Angular，请使用正确的命令和教程。

0
0 Comments

Angular生成的项目，控制器无响应

问题原因：当前版本的Angular不支持ng-click指令，不要参考w3schools的教程，那是过时的。建议使用Angular官方文档（https://angular.io/）。

解决方法：从Angular 2+版本开始，语法有所不同，不再使用控制器。修改app.component.html文件如下：

<div>
    <button (click)="myFunction()">Click me!</button>
    <p>{{ count }}</p>
</div>

修改app.component.ts文件如下：

export class AppComponent {
    public count    :    number    =    0;
    constructor() {}
    public myFunction() {
        this.count  =    this.count + 1;
    }
}

0