📅  最后修改于: 2020-10-28 05:09:21        🧑  作者: Mango

命令行界面（CLI）可用于创建我们的Angular JS应用程序。它还有助于为应用程序创建单元测试和端到端测试。Angular CLI的官方网站是https://cli.angular.io/如果单击入门选项，您将被定向到CLI的github存储库https://github.com/angular/angular-cli现在让我们看一下我们可以使用Angular CLI进行的一些操作。安装CLI...

📅  最后修改于: 2020-10-28 05:09:41        🧑  作者: Mango

依赖注入是在运行时添加组件功能的能力。让我们看一个示例以及实现依赖注入的步骤。步骤1-创建一个具有可注入装饰器的单独类。可注入装饰器允许此类的功能被注入并在任何Angular JS模块中使用。步骤2-接下来，在您的appComponent模块或要使用该服务的模块中，您需要在@Component装饰器中将其定义为提供程序。让我们看一个有关如何实现此目的的示例。步骤1-为名为app.service.t...

📅  最后修改于: 2020-10-28 05:10:06        🧑  作者: Mango

在本章中，我们将查看Angular 2项目中的其他配置文件。tsconfig.json该文件用于提供有关用于Angular JS项目的TypeScript的选项。以下是有关上述代码的一些要点。编译的目标是es5，这是因为大多数浏览器只能理解ES5打字稿。sourceMap选项用于生成Map文件，这在调试时非常有用。因此，在开发期间，最好将此选项保持为true。Angular JS装饰器需要“ em...

📅  最后修改于: 2020-10-28 05:10:27        🧑  作者: Mango

在Angular JS中，非常容易以HTML形式显示类的属性值。让我们举个例子，了解更多关于数据显示的知识。在我们的示例中，我们将看在HTML页面中显示类中各种属性的值。步骤1-将app.component.ts文件的代码更改为以下代码。关于上述代码，需要注意以下几点。我们正在定义一个名为appList的类型为字符串的数组。我们正在定义3个字符串元素作为绑定，显示和服务数组的一部分。我们还定义了一...

📅  最后修改于: 2020-10-28 05:10:46        🧑  作者: Mango

在Angular 2中，还可以非常轻松地处理诸如单击按钮或其他类型的事件之类的事件。事件从html页面触发，并发送到Angular JS类进行进一步处理。让我们看一下如何实现事件处理的示例。在我们的示例中，我们将显示一个单击按钮和一个status属性。最初，status属性为true。单击按钮后，status属性将变为false。步骤1-将app.component.ts文件的代码更改为以下代码。...

📅  最后修改于: 2020-10-28 05:11:22        🧑  作者: Mango

Angular 2具有许多可用于转换数据的过滤器和管道。小写这用于将输入转换为所有小写字母。句法参量没有结果该属性值将转换为小写。例首先，确保以下代码出现在app.component.ts文件中。接下来，确保在app / app.component.html文件中存在以下代码。输出保存所有代码更改并刷新浏览器后，您将获得以下输出。大写这用于将输入转换为全部大写。句法参量没有。结果该属性值将转换为大...

📅  最后修改于: 2020-10-28 05:11:42        🧑  作者: Mango

Angular 2还具有创建自定义管道的功能。定义自定义管道的一般方法如下。哪里，‘Pipename’-这是管道的名称。Pipeclass-这是分配给自定义管道的类的名称。变换-这是与管道配合使用的函数。参数-这是传递到管道的参数。返回类型-这是管道的返回类型。让我们创建一个将两个数字相乘的自定义管道。然后，我们将在组件类中使用该管道。步骤1-首先，创建一个名为multiplier.pipe.ts...

📅  最后修改于: 2020-10-28 05:11:59        🧑  作者: Mango

在Angular 2中，您可以使用HTML的DOM元素结构在运行时更改元素的值。让我们详细看一些。输入标签在app.component.ts文件中，放置以下代码。关于上述代码，需要注意以下几点。[value] =“用户名”-这用于将表达式用户名绑定到输入元素的value属性。（input）=“表达式”-这是一种将表达式绑定到输入元素的输入事件的声明方式。username = $ event.tar...

📅  最后修改于: 2020-10-28 05:12:16        🧑  作者: Mango

Angular 2应用程序要经历整个过程集，或者具有从其启动到应用程序结束的整个生命周期。下图显示了Angular 2应用程序生命周期中的整个过程。以下是每个生命周期挂钩的描述。ngOnChanges-当数据绑定属性的值更改时，将调用此方法。ngOnInit-每当Angular首次显示数据绑定属性后指令/组件的初始化发生时，就会调用此方法。ngDoCheck-这是用于检测并根据Angular自身无...

📅  最后修改于: 2020-10-28 05:12:32        🧑  作者: Mango

在Angular JS中，可以将容器相互嵌套。外部容器称为父容器，内部容器称为子容器。让我们看一个有关如何实现此目的的示例。以下是步骤。步骤1-为名为child.component.ts的子容器创建一个ts文件。步骤2-在上一步创建的文件中，放置以下代码。上面的代码将参数this.values的值设置为“ Hello”。步骤3-在app.component.ts文件中，放置以下代码。在上面的代码中...

📅  最后修改于: 2020-10-28 05:12:47        🧑  作者: Mango

Angular 2问题和答案旨在帮助学生和专业人士准备各种认证考试和求职面试。本节提供了一些有用的示例性面试问题和多项选择题（MCQ）及其答案以及适当的解释。SNQuestion/Answers Type1Angular 2 Interview QuestionsThis section provides a huge collection of Angularjs Interview Quest...

📅  最后修改于: 2020-10-28 05:13:04        🧑  作者: Mango

以下资源包含有关Angular 2的其他信息。请使用它们来获得有关此方面的更深入的知识。Angular 2上的有用链接Angular JS Wiki–Angular JS的维基百科参考。Angular（应用程序平台）Wiki-Angular 2的维基百科参考。Angular-一个框架。关于Angular 2的有用书籍要在此页面上注册您的网站，请发送电子邮件至contact@tutorialspoi...

📅  最后修改于: 2020-10-28 05:13:16        🧑  作者: Mango

Angular 2是一个开放源代码的JavaScript框架，用于以HTML和JavaScript构建Web应用程序。本教程着眼于Angular 2框架的各个方面，其中包括框架的基础知识，Angular的设置以及如何使用框架的各个方面。本教程中讨论的其他主题是高级章节，例如Angular中的接口，嵌套组件和服务。本教程中还将处理诸如路由，模块和数组之类的主题。...