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

ng-transclude伪指令用于标记使用transclusion的最近父代的已嵌入DOM的插入点。使用包含插槽名称作为ng-transclude或ng-transclude-slot属性的值。示例1：输出：示例2：输出：示例3：输出：...

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

AngularJS中的应用程序允许创建实时应用程序。在AngularJS中创建应用程序涉及四个主要步骤：创建应用程序列表。在列表中添加元素。从列表中删除元素。错误处理以下是创建主题列表应用程序的步骤：步骤1：首先，选择要创建的列表。然后使用controller和ng-repeat指令将数组的元素显示为列表。输出：步骤2：借助ng-model指令，在应用程序中使用文本字段。在控制器中，创建一个名为a...

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

$：AngularJs中的$是一个内置对象，它包含应用程序数据和方法。scope($)充当控制器和视图之间的链接。范围($)在控制器函数内部，可以附加scope($)的属性和方法。可以使用Expression，ng-model或ng-bind指令在视图中显示范围数据。输出：范例2：输出：$ rootScope：AngularJS应用程序由单个$ rootScope组成。其他所有$ scope都是子...

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

HTML不支持在html中嵌入html页面，这就是我们使用AngularJS Include指令的原因。通过使用ng-controller指令，我们可以轻松地完成任务。句法：例子：输出：包含AngularJS代码：与先前的情况类似，您可以通过使用ng-include包含html文件，同样，它可以包含AngularJS代码。例子：GeeksforGeeks.html表：代码：输出：包括跨域：如果要包...

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

AngularJS是一个开源MVC框架，与JavaScript框架非常相似。指令是DOM元素上的标记，它告诉Angular JS将指定的行为附加到该DOM元素，甚至使用其子元素转换DOM元素。简单的AngularJS允许使用称为“指令”的新属性扩展HTML。 AngularJS具有一组内置指令，这些指令为应用程序提供功能。它还定义了自己的指令。可以使用一些函数来定义指令，这些函数包括：元素名称，属...

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

在本文中，我们将解释ng-if，ng-show和ng-hide指令。ng-if指令：AngularJS中的ng-if指令用于根据表达式删除或重新创建HTML元素的一部分。如果其中的表达式为false，则将元素从DOM中完全删除。如果表达式为true，则将元素添加到DOM中。句法：例子：在以下示例中，当输入元素中包含任何文本时，将显示div内容，否则将被隐藏。输出：当输入字段中有任何文本时，标题di...

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

任务是迭代已被ng-repeat过滤器过滤过的对象的集合，然后单击按钮后，仅更改那些已过滤的对象的某些属性。假设您有一个对象集合，这些对象通过每个对象的title属性内的文本搜索进行了过滤。现在，您要在单击分配的按钮并更改与该过滤器匹配的项目的属性后，遍历列表的此子集。为了遍历已经被ng-repeat过滤器过滤过的对象的集合，我们使用一个别名表达式。我们创建用于过滤ng-repeat数据的变量的别...

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

Angular Material是一个由Angular团队开发的UI组件库，用于为台式机和移动Web应用程序构建设计组件。为了安装它，我们需要在项目中安装angular，一旦安装，您可以输入以下命令并下载。当我们有多个选项卡要显示时，mat-tab-group主要用于满足导航栏要求。安装：方法：首先，使用上述命令安装角材。完成安装后，从app.module.ts文件中的’@ angular / m...

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

将Bootstrap添加到Angular应用程序是一个简单的过程。只需在Angular CLI中编写以下命令即可。它将引导程序添加到您的node_modules文件夹中。方法：在相应组件的TypeScript文件中导入NgbModal模块，然后我们必须在相应组件的HTML文件中使用上述模块为弹出模型编写代码。句法：在打字稿文件中：在html文件中：示例：modal-basic.ts现在，我们必须使...

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

给定一个HTML文档，任务是使用AngularJS通过其className选择一个元素。方法：方法是使用document.querySelector()方法获取特定className的元素。在第一个示例中，选择了className class1的元素，并将其背景颜色更改为绿色。在第二个示例中，选择了两个相同类的元素，并且更改了一些CSS。范例1：输出：范例2：输出：...

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

AngularJS中的ng-dblclick事件对于HTML元素非常有用，该HTML元素用于获取已定义的doubleclick事件。如果在双击HTML元素时用户希望触发函数或发生其他事件，则将需要此事件。 HTML的所有元素都将支持它。基本上，ng-dblclick的指令将告诉AngularJS，双击它时HTML或HTML元素到底需要做什么。但是，它不会覆盖该元素的原始ondblclick事件，因...

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

给定一个HTML表，任务是在AngularJS的帮助下从表中删除/删除行。方法：方法是从存储行并将其提供给表数据的数组中删除行。当用户单击表行附近的按钮时，它将传递该表的索引，并且该索引用于借助splice()方法从数组中删除该条目。示例1：此示例包含单个列，可通过单击其旁边将其删除。输出：示例2：此示例包含三列，单击旁边的每一行都可以将其删除。输出：...

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

Web开发设计着重于网站外观的动态变化，这取决于我们在其上查看设备的屏幕尺寸和方向。满足用户需求的整个过程称为响应式Web设计(RWD)。因此，基本上，用户从任何设备访问网站时的体验都应该能够获得最佳体验。如今，用户可以使用和通过手机，平板电脑，PC和笔记本电脑等设备访问网站。因此，他们获得的便利应该是我们的首要任务。因此，为了实现这一点，我们使用RWD。响应式设计仅使用HTML和CSS。查看端口...

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

AngularJS中的angular.isString()函数用于确定isString函数的参数是否为字符串。如果引用是字符串，则返回true，否则返回false。句法：返回值：如果传递的值是字符串，则返回true，否则返回false。示例：本示例使用angular.isString()函数确定isString函数的参数是否为字符串。输出：...

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

AngularJS提供了不同的方法来观察/观察其元素和变量的变化。 $ observe和$ watch是用于此目的的两种不同方法。$ observe：这是一种负责观察/观察DOM属性变化的方法。当我们要观察包含插值({{}})的DOM元素时，可以使用$ observe。句法：示例：在这里，当我们单击超链接(最新开关)时，该属性根据click事件变为true或false。 $ observe正在观察...