ng-在Angular中的等价物列表？
在Angular中，ng-前缀的指令已经被新的语法所取代。以下是一些常见的ng-指令及其Angular中的等价物：
- ng-if -> [ngIf]
- ng-repeat -> [ngFor]*
- ng-include -> [include]
- ng-switch -> [ngSwitch], [ngSwitchCase], [ngSwitchDefault]
- ng-model -> [formControlName], [ngModel] (在模板驱动表单中使用 [formControl] 代替)
- ng-class -> [ngClass], [ngStyle]
- ng-click -> [click], [ngClick]
- ng-href -> [href]
- ng-src -> [src]
- ng-textarea -> [textarea]
- ng-form -> [formGroup] (在响应式表单中使用)
- ng-model -> [formControlName], [ngModel] (在模板驱动表单中使用 [formControl] 代替)
这些指令在Angular中提供了强大的功能，使得开发者能够以声明式的方式处理DOM元素的创建、更新和交互。例如，*ngFor指令用于循环渲染一个数组，而ngIf则用于条件渲染。这些指令的等价物提供了相同的功能，但使用了更简洁的语法，使得代码更加易读和维护。
希望这些信息对你有所帮助！
相关·内容
我想使用带有HTML实体的ng-list将一个文本区域逐行分解为一个数组。 在Angular中有没有这样的等价物？在AngularJS中，您可以执行以下操作： <textarea ng-model="name" ng-list=","></textarea> 然后在输入时，如果您要输入"Hello，world!我已经查过了：ng-list equivalent in <
浏览 7提问于2019-05-07得票数 0
2回答
角心指令
、
我遇到了一个问题，有人问我哪个不是ng-app，ng-model，ng-view和ng-bind的核心指令。因此，我想了解如何区分核心指令的概念。我在谷歌上搜索，但找不到多少。
浏览 0提问于2016-04-23得票数 2
回答已采纳
1回答
我正在显示文本框的自动完成列表。当用户在textbox中键入某个字符时，它会显示自动完成列表，用户可以从该列表中选择名称，但如果用户不想从自动完成列表中选择任何名称并在列表外单击，则自动完成列表将消失，其代码如下： display: none;但是我的工作功能已经中断，它不允许从任何文本框的自动完成列表中选择名称。
浏览 0提问于2018-08-24得票数 0
3回答
我正在尝试在我的第13角项目中安装，如下所示：但一旦我按下Y键，这个语句就会出错。
包@ng-引导/ng-引导@11.0.0将被安装和执行。你想继续吗？从@ng-引导/ng-引导@11.0.0 npm错误！节点_模块/@ng-引导/ng-引导npm错误！@ng-引导/ng-引导@“11.
浏览 32提问于2022-01-25得票数 4
我是Angular.js的新手，我现在在一个下拉列表中，列出了哥伦比亚和美国的城市名单。我怎么能做同样
浏览 3提问于2016-05-23得票数 1
回答已采纳
1回答
我有两个不同的列表，我需要在一个页面上显示为一个列表，在屏幕上显示为一个广播项目。如果没有选择元素，则如何标识ng模型和选定的值；如果用户选择默认值，则默认情况下如何标识ng模型和选定的值。 angular.module('valueExample', [])
.controller('ExampleController', ['$scope', function
浏览 2提问于2017-02-07得票数 0
回答已采纳
1回答
我使用像这样的concat函数...为什么在我的控制台中出现了以下错误：
Error: [$rootScope:infdig] 10 $digest() iterations reached. Aborting!/angular/angular.js:8492:11) angular.js:10023(anonymous function) angular.js:10023(anonymous function) angular</
浏览 4提问于2014-11-06得票数 0
回答已采纳
这是我的数据结构： {name:'H1', items: ['a', 'b', 'c']},]headings" class="heading">{{ heading.name }}</li>
<li ng-repeat="item in
浏览 4提问于2014-01-03得票数 0
回答已采纳
2回答
所以我有我自己的自动完成，我使用ng重复显示建议，为了使它像一个真正的自动完成，我使用ng单击来更改文本框的值，但是当我单击或文本框的值已经与建议相同时，这个建议没有被删除。如果在这段代码中，我如何使用ng？这是我的HTML代码：
<input type="text" class="form-control" data-ng-model="add.email" id="exampleInputEmail2&quo
浏览 1提问于2016-04-25得票数 1
回答已采纳
'<img src="projects_filter.gif"/>' + 我正在将图像放入该位置，但使用指定的ng-click谢谢var element = $compile(angular.element
('<table style="width:100%;
浏览 1提问于2015-08-02得票数 0
3回答
一旦为numbers选择了下拉列表，就会执行execute function并在控制台上显示输出。如何确保execute函数只在用户单击其中一个选项标记时执行？
浏览 0提问于2016-05-04得票数 1
回答已采纳
我似乎无法让ng动画在现有的1.2应用程序中工作。我遵循了API中的检查列表，但它没有应用适当的动画类。在我的文档中，我正在加载角度和角度的动画：
<script src="//ajax.googleapis.com/ajax/libs/angular
浏览 8提问于2014-05-27得票数 2
回答已采纳
在角度上，我有多个列包含块。列用ngRepeat重复，列中的块也重复。使用角用户界面和jQueryUI，我使块可排序并连接所有列。这样做很好，我可以在列之间拖动块，但是只有当我拖动一个块到非空列的末尾时，这个最后(新的)块才不会被忽略。但是，如果将基础数组记录在控制台中，则可以看到该数组已更新为块移动。另外，其他手表仍被调用并显示正确的值(如在小提琴中看到的)。{{block.id}}
浏览 5提问于2014-02-03得票数 0
回答已采纳
1回答
我用ng-重复来填充我的桌子。表中的一个列应该再次通过不同的函数调用动态填充。关于使用ng绑定(如上面的代码)，我面临两个问题。
我不确定ng绑定是否是要使
浏览 2提问于2017-03-09得票数 0
回答已采纳
1回答
我一直试图创造简单的动画效果(褪色)对隐藏的div。请参阅下面的代码。不过，同样的代码在浏览器中也能很好地工作。
浏览 5提问于2015-04-05得票数 0
我需要一个表单的onsubmit属性的功能-即当我调用这个onsubmit函数时，它必须返回truthy才能使表单post。POST" onsubmit="{{FormSubmit.validate()}}" action="{{FormSubmit.SUBMIT_URL}}" novalidate>
然而，上面给出了关于在onsubmit上使用插值的错误。我尝试放入ng-submit，但它不起作用，因为我设置的action属性已被覆盖。
浏览 2提问于2014-08-28得票数 3
从我所读到的，最好的方法是使用ng引导。
我在jquery之后添加了‘@ng-引导/ng-引导’到我的供应商列表中，并将导入放在我的app.module.ts文件中。然而，当我运行应用程序时，当我在浏览器中运行它时，我会得到一个ZoneSymbolError。我已经确保了我的webpack.config.vendor.js已经被重建等等，并且移动东西会引
浏览 5提问于2017-03-03得票数 2
回答已采纳
我有一个包含ng-model指令的选择框。当用户单击复选框(在选择选项之前触发)，我希望触发一个事件。in vm.getEligibleCountList()" required validation-messages></select>
但是vm.clickCountSelector()不会在应该的时候开火
浏览 1提问于2016-10-12得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
腾讯会议
云直播
对象存储活动推荐
腾讯云开发者
