📅  最后修改于: 2021-05-13 20:16:38        🧑  作者: Mango

AngularJS中的ng-cut指令用于在剪切输入字段中的文本时指定自定义行为函数。当我们要调用一个函数，该函数将在从输入字段中剪切文本时触发，因此可以使用它。所有输入元素都支持它。句法：当输入被剪切时，表达式表示要做什么。示例：本示例在剪切输入文本元素时使用ng-cut指令显示消息。输出：在剪切文本元素之前：剪下文字元素后：...

📅  最后修改于: 2021-05-13 20:17:00        🧑  作者: Mango

AngularJS中的ng-bind-template指令用于将HTML元素的内容替换为给定表达式的值。它用于绑定多个表达式。它可以具有多个{{}}表达式。所有HTML元素都支持它。句法：示例1：本示例使用ng-bind-template指令显示绑定内容。输出：选择单选按钮之前：选择单选按钮后：示例2：本示例使用ng-bind-template指令显示绑定内容。输出：在输入号码之前：输入号码后：...

📅  最后修改于: 2021-05-13 20:17:23        🧑  作者: Mango

Angular2主题标签是一种语法，用于将DOM元素声明为变量，并且这些模板呈现为HTML文件。＃：变量声明()：事件绑定[]：属性绑定[()]：双向属性绑定{{}}：内插模板引用变量是一个小工具，它可以让Angular完成很多美好的事情。它依靠一个简单的标签来创建对模板中元素的引用。Syntex：在上面的syntex中，它创建对输入元素的引用，这些引用可在模板中稍后使用。例子：在上面的示例中，p...

📅  最后修改于: 2021-05-13 20:17:52        🧑  作者: Mango

AngularJS中的angular.bind()函数用于将当前上下文绑定到函数，但实际上是在以后执行它。它也可以在部分应用中使用。部分应用程序是当您要创建函数但某些参数已被传递的时候。句法：参数值：自我：这是指应在其中评估函数的上下文。函数：它是指要绑定的函数。ARGS：它是在函数调用的时间用于预绑定到函数。它是一个可选参数。范例1：htmlhtml输出：输入之前：输入后：范例2：html输出：...

📅  最后修改于: 2021-05-13 20:18:18        🧑  作者: Mango

在本文中，我们将了解Angular 10中的APP_BASE_HREF是什么以及如何使用它。APP_BASE_HREF返回当前页面的基本href的预定义DI令牌。APP_BASE_HREF是应保留的URL前缀。句法：方法：在app.module.ts和APP_BASE_HREF中具有useValue的提供程序中。在app.component.ts中，将APP_BASE_HREF存储到任何变量中并使...

📅  最后修改于: 2021-05-13 20:18:43        🧑  作者: Mango

AngularJS中的全局APIAPI代表应用程序编程接口。它是用于构建软件应用程序的一组协议，例程和工具，允许用户与应用程序进行交互并执行多项任务。在AngularJS中，Global API是一组全局Javascript函数，用于执行诸如比较对象，迭代对象，转换数据之类的任务。AngularJS中的一些API函数如下所示：angular.lowercase：这会将字符串转换为小写。句法：范例1...

📅  最后修改于: 2021-05-13 20:19:09        🧑  作者: Mango

使用Electron JS，我们可以很容易地将现有的angular项目转换为桌面应用程序。在本文中，我们将创建一个示例Angular项目，并将其逐步转换为Desktop应用程序。先决条件：NPM必须安装环境设置：安装Angular CLI：创建一个新的Angular项目。这里我们的项目名称是“电子样本”：现在运行该项目并打开http：// localhost：4200以检查安装是否成功。安装Ele...

📅  最后修改于: 2021-05-13 20:19:28        🧑  作者: Mango

AngularJS中的ng-srcset指令用于指定<img>元素的srcset属性。它确保在评估AngularJS之前不会产生错误的图像。它由<img>和<source>元素支持。句法：例子：输出：...

📅  最后修改于: 2021-05-13 20:19:50        🧑  作者: Mango

ng-if是AngularJS中的指令，用于在表达式或变量的值为false时删除HTML元素，而ng-hide只是从DOM中隐藏HTML元素。句法：其他选项的行为类似于ng-if。在功能方面，它们之间没有区别。ng：ifng_ifx-ng-if数据ng-if注意：最佳做法是仅使用ng-if。这些选项之所以出现在图片中，是因为在AngularJS中，我们使用驼峰式大小写来引用指令(例如：ngIf)，...

📅  最后修改于: 2021-05-13 20:20:12        🧑  作者: Mango

AngularJS中的ng-mousemove指令用于在特定HTML元素上发生mousemove事件时应用自定义行为。当鼠标移到特定的HTML元素上时，它可用于显示弹出警报。所有HTML元素都支持它。句法：示例1：本示例使用ng-mousemove指令更改CSS样式。输出：在鼠标移动元素之前：鼠标移动元素后：示例2：此示例使用ng-mousemove指令显示警报消息。输出：在鼠标移动输入元素之前：...

📅  最后修改于: 2021-05-13 20:20:43        🧑  作者: Mango

路由允许我们创建单页应用程序。为此，我们使用ng-view和ng-template指令以及$ routeProvider服务。我们使用$ routeProvider配置路由。config()使用一个以$ routeProvider作为参数的函数，并且路由配置进入该函数内部。$ routeProvider是一个简单的API，它可以接受when()或else()方法。我们需要安装ngRoute模块。解...

📅  最后修改于: 2021-05-13 20:21:13        🧑  作者: Mango

我们可以使用angular Component Development Kit(CDK)提供的Drag-Drop模块轻松创建待办事项列表。首先，使用以下命令创建角度分量：现在，从@ angular / cdk / drag-drop导入CdkDragDrop，moveItemInArray，transferArrayItem到我们的待办事项组件，编写组件视图的代码：创建两个分区，一个用于待完成的项...

📅  最后修改于: 2021-05-13 20:21:44        🧑  作者: Mango

在本文中，我们将借助AngularJS切换元素的类。方法1：在此示例中，单击按钮后，元素的类将更改。因此，单击按钮时会调用一个函数。该函数将类从val切换到！val(意味着0到1，反之亦然)。在调用的函数，我们只需检查它是否为class1，然后将其更改为class2，否则执行相反的操作。范例1：HTMLHTML输出：方法二：该示例与上一个示例有些相似，但是使用布尔值代替0和1。因此，单击按钮时会调...

📅  最后修改于: 2021-05-13 20:22:12        🧑  作者: Mango

任务是使用AngularJS在两个或多个控制器之间共享数据变量。有很多程序可以实现这一目标。在这里，我们将讨论最受欢迎的。方法：为了在AngularJS中的控制器之间共享数据，我们有两种主要情况：在父级和子级之间共享数据：这里，数据共享可以简单地通过使用控制器继承来完成，因为子级控制器的作用域是从父级控制器的作用域继承而来的。在控制器之间共享数据而无需关联：在这里，可以通过几种方式完成数据共享，其...

📅  最后修改于: 2021-05-13 20:22:32        🧑  作者: Mango

Angular是Google提供的基于客户端TypeScript的前端Web框架。 Angular 8是对开发人员有用的，可重用的UI(用户界面)框架，可帮助构建单页应用程序。通常，所有的angular 2+项目或应用程序都称为Angular应用程序。较早的版本称为Angular.js，而angular是对Angular.js的完全重写，具有丰富而实用的功能。方法：为了知道版本，首先，我们需要从“...