Angular7是一个开放源代码JavaScript框架，用于在JavaScript, html 和Typescript(JavaScript的超集)中构建Web应用程序和应用程序。Angular为animation，httpservice和materials提供了内置功能，这些功能又具有auto-complete，naigation，toolbar，menus等功能。代码以Typescript编写，可编译为JavaScript，并在JavaScript中显示。 Angular7的应用 如前所述，Angular7是网络上使用最广泛的语言之一。无涯教程将在这里列出其中一...

在本章中，无涯教程将讨论事件绑定在Angular7中的工作方式，当用户以键盘移动，鼠标单击或鼠标悬停的形式与应用程序交互时，它将生成一个事件。需要处理这些事件以执行某种操作，让无涯教程考虑一个示例以更好地理解这一点。 app.component.html <!--Thecontentbelowisonlyaplaceholderandcanbereplaced.--> <divstyle="text-align:center"> <h1>Welcometo{{title}}.</h1> </div> <div>Mo...

Angular中的指令是一个js类，它声明为@directive。我们在Angular中有3个指令。指令在下面列出 Component指令 这些构成了主要类，其中包含有关如何在运行时处理(processed)，实例化(instantiated)和使用组件的详细信息。 Structural指令 结构指令基本上是处理dom元素，结构性指令在指令之前带有符号。如，ngIf和ngFor。 Attribute指令 属性指令处理更改dom元素的外观和行为，您可以按照以下部分中的说明创建自己的指令。 自定义指令 在本节中，我们将讨论要在组件中使用的自定义指令。 让我们看看如何创建自定义指令，使用命令行...

路由(Routing)基本上意味着在页面之间导航，现在让我们创建一个组件，看看如何在其上使用路由。如下所示 app.module.ts import{BrowserModule}from'@angular/platform-browser'; import{NgModule}from'@angular/core'; import{AppRoutingModule}from'./app-routing.module'; import{AppComponent}from'./app.component'; import{NewCmpComponent}from'./new-cmp/new-c...

我们可能遇到一种情况，需要在页面上的任何地方共用一些代码，它可用于需要在组件之间共享的数据连接。 要创建服务，我们需要使用以下命令行 nggservicemyservice C:\projectA7\angular7-app>nggservicemyservice CREATEsrc/app/myservice.service.spec.ts(348bytes) CREATEsrc/app/myservice.service.ts(138bytes) 在app文件夹中创建的文件如下 以下是创建的文件，这些文件显示在底部–myservice.service.specs.ts和mys...

HttpClient将帮助我们提供POST，GET相关方法，使用时需要导入http模块。我们需要将模块导入app.module.ts中，如下所示 import{BrowserModule}from'@angular/platform-browser'; import{NgModule}from'@angular/core'; import{AppRoutingModule,RoutingComponent}from'./app-routing.module'; import{AppComponent}from'./app.component'; import{NewCmpComponen...

AngularCLI命令可帮助我们非常快速地创建和启动项目。 npminstall-g@angular/cli 要创建一个新项目，我们可以在命令行中运行以下命令，然后将创建该项目。 ngnewPROJECT-NAME cdPROJECT-NAME ngserve ngserve//将编译，您可以在浏览器中看到项目的输出 http://localhost:4200/ 创建新项目时，默认端口为4200。您可以使用以下命令更改端口 ngserve--host0.0.0.0--port4201 Angular更新命令 如果您想更新应用程序及其依赖关系，可以使用以下命令 ngupdate@angu...

这是Angular7中新增的称为虚拟滚动的新函数之一，虚拟滚动向用户显示可见的dom元素，随着用户滚动，将显示列表。由于不会一次加载完整列表，而是仅根据屏幕上的可见性加载，因此可以提供更快的体验。 虚拟滚动模块 考虑一下您的UI列表很大，将所有数据一起加载会带来性能问题，Angular7虚拟滚动的新函数负责加载用户可见的元素，当用户滚动时，将显示用户可见的下一个dom元素列表。这样可以提供更快的体验，并且滚动也非常流畅。 让我们将依赖项添加到我们的项目中 npminstall@angular/cdk–save 我们已经完成了对虚拟滚动模块的依赖关系的安装。 我们将通过一个示例来更好地理...

此方法用于从Map返回所有键。 keys语法 keys(map) map - 这是需要为其返回所有键的映射。 keys返回值 返回Map中的键列表。 -module(helloLearnfk). -export([start/0]). start()-> Lst1=[{"a",1},{"b",2},{"c",3}], Map1=maps:from_list(Lst1), io:fwrite("pn",[maps:keys(Map1)]). 上面程序的输出如下。 ["a","b","c"] 参考链接 https://www.learnfk.com/erl...

此方法用于确定所提供的术语确实是元组。 is_tuple语法 is_tuple(tuple) tuple这是要验证的元组是否真的是元组。 is_tuple返回值 如果确实输入的值是元组，则返回true，否则将返回false。 -module(helloLearnfk). -export([start/0]). start()-> P={john,24,{june,25}}, io:fwrite("w",[is_tuple(P)]). 上面程序的输出如下 true 参考链接 https://www.learnfk.com/erlang/erlang-is-tuple.html...

此方法是将列表转换为元组。 list_to_tuple语法 list_to_tuple(list) list - 这是需要转换为元组的列表。 list_to_tuple返回值 根据提供的列表返回一个元组。 -module(helloLearnfk). -export([start/0]). start()-> io:fwrite("w",[list_to_tuple([1,2,3])]). 上面程序的输出如下 {1,2,3} 参考链接 https://www.learnfk.com/erlang/erlang-list-to-tuple.html ...

此方法将元组转换为列表。 tuple_to_list语法 tuple_to_list(list) list - 这是需要转换为列表的元组。 tuple_to_list返回值 根据提供的元组返回一个列表。 -module(helloLearnfk). -export([start/0]). start()-> io:fwrite("w",[tuple_to_list({1,2,3})]). 上面程序的输出如下 [1,2,3] 参考链接 https://www.learnfk.com/erlang/erlang-tuple-to-list.html ...

该方法返回元组中的第Nth元素。 element语法 element(N,Tuple) N    元组中需要返回的位置。 Tuple 需要为其返回第N元素的元组。 element返回值 该方法返回元组中的第Nth元素。 -module(helloLearnfk). -export([start/0]). start()-> io:fwrite("pn",[element(2,{a,b,c})]). 当我们运行上述程序时，我们将得到以下输出。 b 参考链接 https://www.learnfk.com/erlang/erla...

返回一个列表，其中包含有关由Erlang动态分配的内存的信息，该列表的每个元素都是一个元组{Type，Size}，第一个元素Type是描述内存类型的原子。 memory语法 memory() memory返回值 返回一个列表，其中包含有关由Erlang仿真器动态分配的内存的信息。 -module(helloLearnfk). -export([start/0]). start()-> io:fwrite("pn",[erlang:memory()]). 当我们运行上面的程序时，我们将得到以下输出。根据系统，输出将有所不同 [{total,15515688}, {processes...

此方法返回元组{MegaSecs，Secs，MicroSecs}，它是从1970年1月1日格林威治标准时间00:00开始经过的时间。 now语法 now() now返回值 返回元组{MegaSecs，Secs，MicroSecs}，它是从1970年1月1日格林威治标准时间00:00开始经过的时间。 -module(helloLearnfk). -export([start/0]). start()-> io:fwrite("pn",[erlang:now()]). 当我们运行上述程序时，我们将得到以下输出。根据系统，输出将有所不同。 {1460,893073,767749} ...

返回与本地节点上当前存在的所有进程相对应的进程标识符的列表。 processes语法 processes() processes返回值 返回与本地节点上当前存在的所有进程相对应的进程标识符的列表。 -module(helloLearnfk). -export([start/0]). start()-> io:fwrite("pn",[erlang:processes()]). 当我们运行上面的程序时，我们将得到以下输出。根据系统，输出将有所不同。 [<0.0.0>,<0.2.0>,<0.3.0>,<0.6.0>,<0.7.0&...

此方法用于将现有列表转换为二进制列表。 list_to_binary语法 list_to_binary(lst) lst  - 这是需要转换为二进制值的列表。 list_to_binary返回值 返回列表的位串。 -module(helloLearnfk). -export([start/0]). start()-> io:fwrite("pn",[list_to_binary([1,2,3])]). 当我们运行上面的程序时，我们将得到以下输出。 <<1,2,3>> 参考链接 https://www.learnfk.c...

此方法用于将术语转换为二进制。 term_to_binary语法 term_to_binary(term) term这是需要转换为二进制值的术语值。 term_to_binary返回值 根据指定的术语返回一个二进制值。 -module(helloLearnfk). -export([start/0]). start()-> io:fwrite("pn",[term_to_binary("hello")]). 当我们运行上面的程序时，我们将得到以下输出。 {<<131,107,0,5,104,101,108,108,111>>} 参考链接 https:...

此方法用于检查位串是否确实是二进制值。 is_binary语法 is_binary(bitstring) bitstring这是需要检查其是否为二进制的位串。 is_binary返回值 如果位串是二进制值，则返回true；否则返回false。 -module(helloLearnfk). -export([start/0]). start()-> io:fwrite("pn",[is_binary(<<1,2,3>>)]). 当我们运行上面的程序时，我们将得到以下输出。 true 参考链接 https://www.learnfk.com/erlang...

此方法用于提取二进制字符串的一部分。 binary_part语法 binary_part(bitstring,{startposition,len}) bitstring    这是需要拆分的位串。 startposition这是从其开始子位串的索引位置。 len          - 这是子位串的长度。 binary_part返回值 返回子位串。 -module(helloLearnfk). -export([start/0]). ...