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

AngluarJS中的ng-dblclick指令用于将自定义行为应用于双击元素时。当它被单击两次时，它可以用于显示或隐藏某些元素，或者可以弹出警报或更改文本的颜色。句法：示例1：本示例使用ng-dblclick指令在单击按钮两次后显示警报消息。htmlhtml输出：双击之前：双击后：示例2：此示例在双击文本后更改了文本颜色。html输出：双击之前：双击后：...

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

在成角度的情况下，通过不同方式检测点击。由于单击是事件，因此在组件内部可以通过简单的事件绑定检测到它。通过事件绑定的简单单击，可以在组件内进行检测，如下所示：为了继续检测组件外部的单击，在角度中使用了@HostListener装饰器。它是一个装饰器，它声明一个DOM事件以侦听并提供与处理程序方法的链接，以在该事件发生时运行。方法：这里的方法是使用@HostListener装饰器。从角度上讲，它是一...

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

在本文中，我们将了解如何在AngularJS的帮助下获取当前URL。我们将使用$ location.absURL()方法获取当前页面的完整URL。句法：示例1：只需使用$ location.absURL()方法即可获取当前页面的完整URL。HTMLHTML输出：示例2：与前面的示例类似，但是使用split()方法获取URL的域名。的HTML输出：...

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

AngularJS中的ng-pattern指令用于在输入HTML元素上将模式(正则表达式)验证器添加到ngModel中。如果输入字段数据与通过评估ngpattern属性值中指定的Angular表达式而找到的RegExp不匹配，则用于设置模式验证错误键。句法：示例1：本示例使用ng-pattern指令检查密码模式。输出：输入无效：输入不匹配：有效输入：示例2：如果输入不是数字，则此示例显示错误。输出...

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

Angular 11已发布，它具有一些出色的功能，因此让我们来看看它们：字体自动下载：默认情况下为Angular导入字体。集成期间，Angular CLI将下载嵌入式字体并连接设备。 Angular会自动在版本11中提供此功能。您只需更新您的应用程序即可。线束探索选举：Angular v9引入了Item设备。提供强大且易读的API，以帮助测试Angular Material对象。这为开发人员提供了...

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

当特定HTML元素上发生mousedown事件时，AngularJS中的ng-mousedown指令用于应用自定义行为。当按下鼠标按钮时，它可用于显示弹出警报。所有HTML元素都支持它。句法：示例1：本示例使用ng-mousedown指令在单击鼠标后设置元素的样式。输出：在单击元素之前：单击元素后：示例2：此示例使用ng-mousedown指令在单击输入区域后显示警报消息。输出：在单击输入文本之前...

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

简介：通常，许多网站提供相关的信息，并且还提供支持性提交按钮(例如一个或多个)，以进一步进行操作。例如，用户将被要求填写表格，并且在提交按钮的形式中有一些选项，例如“提交表格”，“清除字段”甚至“链接到相似页面”等。在任何网站的首页上，我们都可以看到“通过电子邮件注册”，“登录”，“通过Google登录”，“通过Facebook登录”等信息，每个提交者的处理方式都必须使其各自采取行动。在本文中，让...

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

指令是文档对象模型(DOM)中的标记。指令可与任何控制器或HTML标记一起使用，这将告诉编译器预期的确切操作或行为。存在一些预定义的指令，但是如果开发人员希望他可以创建新指令(自定义指令)。下表列出了重要的内置AngularJS指令。DirectivesDescriptionng-appStart of AngularJS application.ng-initUsed to initialise...

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

在本文中，我们将看到如何在AngularJS中获取视口的尺寸。方法：方法是使用clientWidth和innerWidth属性。这些值的最大值应分别为宽度和高度。示例1：在此示例中，高度和宽度以像素为单位计算。HTMLHTML输出：示例2：在此示例中，高度和宽度以厘米为单位计算。的HTML输出：...

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

AngularJS中的ng-switch指令用于指定显示/隐藏HTML DOM中的子元素的条件。仅当ng-switch指令中的表达式返回true时，才会显示HTML元素，否则它将被隐藏。所有HTML元素都支持它。句法：示例1：本示例使用ng-switch指令切换元素。输出：之前单击单选按钮：单击搜索单选按钮后：单击排序单选按钮后：示例2：本示例使用ng-switch指令显示输入的数字。输出：输入文...

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

我们可以使用有角度的自定义主题调色板来定义我们自己的调色板。该主题文件可以在所有组件中使用。方法：首先，我们必须创建自己的主题文件，并且其中必须包含mat-core()Sass mixin并从有角度的材质中导入主题文件。之后，我们必须开始构建调色板，最后，必须将创建的主题文件包含在“ angular-material-theme”中。之后，我们可以通过将自定义调色板导入到“ styles.Scss...

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

过滤器用于格式化表达式的值并显示给用户。可以在HTML预览，控制器或服务以及指令中使用它。 AngularJS具有许多内置过滤器，但是我们可以轻松定义自己的过滤器。内置过滤器：AngularJS过滤器过滤器：AngularJS货币过滤器：AngularJS编号过滤器：AngularJS日期过滤器：AngularJS json过滤器：AngularJS小写过滤器AngularJS大写过滤器：Angu...

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

AngularJS中的angular.isUndefined()函数用于确定isUndefined函数内部的值是否未定义。如果引用未定义，则返回true，否则返回false。句法：返回值：如果传递的值不确定，则返回true，否则返回false。示例：本示例使用angular.isUndefined()函数确定isUndefined函数内部的值是否未定义。输出：...

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

只要输入元素的值发生变化，就会使用AngularJS中的ng-change指令。输入值发生变化时，将立即对表达式求值。它要求存在ng-model指令。只要输入中有任何单个更改，就会触发该事件。它可以与<input>，<textarea>，<checkbox>和<select>之类的输入元素一起使用。句法：其中，表达式是指只要输入值更改就执行的表达式。示例1：本示例使用ng-change指令通过复选...

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

方法：要随时在AngularJS中检测路线更改，可以使用$ on()方法来实现。 $ on()方法是一个事件处理程序，该事件将处理$ routeChangeSuccess，该事件在完成路由/视图更改后会触发。句法：示例：在这里，每当路由发生任何更改时，我们都会在控制台窗口中显示“路由已更改”。在$ on()方法中，我们控制台路由已更改。因此，以这种方式，每当发生路由更改时，它就会触发由$ on()...