首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

在ng中执行函数-repeat给出错误

是因为在Angular中,ng-repeat是AngularJS的指令,而不是Angular的指令。在Angular中,ngFor是用来循环渲染元素的指令。

正确的语法应该是使用ngFor来循环执行函数。ngFor是Angular的结构指令,用于在模板中循环渲染元素。它可以与号结合使用,形成ngFor的语法。

以下是一个示例:

代码语言:html
复制
<div *ngFor="let item of items">
  {{ item }}
</div>

在上面的示例中,items是一个数组,ngFor会遍历数组中的每个元素,并将其渲染到模板中。

如果你想在循环中执行一个函数,你可以在模板中调用该函数。例如:

代码语言:html
复制
<div *ngFor="let item of items">
  {{ myFunction(item) }}
</div>

在上面的示例中,myFunction是一个在组件中定义的函数,它接收一个参数item,并返回一个值。在循环中,每个item都会作为参数传递给myFunction,并将返回的值渲染到模板中。

关于ngFor的更多信息,你可以参考Angular官方文档中的相关章节:ngFor

请注意,以上答案中没有提及任何特定的云计算品牌商,如腾讯云。如果需要了解腾讯云相关产品和产品介绍,建议访问腾讯云官方网站或咨询腾讯云的客服人员。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

.NET执行AsyncAwait的两种错误方法

.NET执行异步/等待的两种错误方法 应用开发,我们为了提高应用程序的吞吐能力或者异步操作来减少耗时,通常会使用多线程来达到目的,而在C#语言中由于async/await必杀技的存在,大多会使用此来简化多线程操作...,此方法另一个Task返回一个Task!...总结一下,以上代码非常糟糕,因为实现异步的好处是通过在线程不执行任何操作(例如,等待服务响应)时“释放”线程来提高吞吐量。...上面的示例确实释放了一个线程,它也立即消耗了另一个线程来执行任务包装的代码,并且该消耗的线程等待服务响应时被阻塞。因此,我们没有提高吞吐量,只是将工作从一个线程转移到了另一个线程。...而且并发下,以上使用方式在工作也极大的降低了系统性能! 解决方案可以简化为:不要对同步方法使用异步包装器!只需同步调用它们即可。

1.4K10
  • 如何使用 AngularJS 构建功能丰富的表格?

    如果尚未安装,请根据AngularJS官方文档的指引执行安装步骤。创建基本的表格 AngularJS ,我们可以使用 ng-repeat 指令迭代一个数组,以动态生成表格的行。...然后,使用 ng-repeat 指令迭代名为 items 的数组,生成表格的数据行。通过双花括号插值语法 {{ }},我们可以表格显示数据。动态生成表头对于表格来说,表头是非常重要的一部分。... AngularJS ,我们可以使用 ng-repeat 指令动态生成表头。...控制器,我们可以实现 sortBy() 函数,以改变排序字段和排序方式。过滤要过滤表格数据,我们可以使用 filter 过滤器。...然后,控制器,我们可以根据需要实现 pageChanged() 函数来处理页码改变事件。结论本文详细介绍了 AngularJS 的表格相关知识。

    26320

    Angularjs基础(八)

    >        循环users 对象数组,每个user 对象放在元素               当点击元素时调用函数...AngularJS 包含     AngularJS ,你可以HTML包含HTML文件。     ...HTML包含HTML 文件 服务端包含     大多服务脚本都支持包含文件功能 客户端包含     通过 JavaScript 有很多种方式可以 HTML 包含 HTML 文件。     ...当 HTML 元素位置改变时,ng-repeat 指令同样可以添加 ng-move 类 。     此外, 动画完成后,HTML 元素的类集合将被移除。...DIV 元素设置了 .ng-hide 类时, myChange 动画将执行,它会平滑的将高度从 100px 变为 0:           @keyframes myChange {

    2.9K60

    前端MVC学习总结(一)——MVC概要与angular概要、模板与数据绑定

    2.4、ng-change ng-change属性来指定一个控制器方法,变化时触发 当用户改变输入时计算给出的表达式。...ng-repeat-start 指令工作方法类似ng-repeat,但是会重复从标签定义本身位置开始到ng-repeat-end定义位置之间的所有HTML代码。...src或者href属性上简单使用{{}}绑定时无法很好运行,出现404错误因为图片加载时可能模板还未被替换成真实路径。...src属性与href属性尽量使用ng-src与ng-href避免400错误。...练习:购物车 1、双向绑定集合的数据 2、执行移除事件 3、隔行换色、使用angularJS完成 4、点击数量与小计时进行排序(选做) 三、区分UI和控制器的职责 控制器的职责: 1、为应用的模型设置初始状态

    15.3K100

    前端MVC学习总结(一)——MVC概要与angular概要、模板与数据绑定

    要注意$scope是否存在该模型,如果有则会初始化数据。 2.4、ng-change ng-change属性来指定一个控制器方法,变化时触发 当用户改变输入时计算给出的表达式。...ng-repeat-start 指令工作方法类似ng-repeat,但是会重复从标签定义本身位置开始到ng-repeat-end定义位置之间的所有HTML代码。...2.10、ng-src与ng-href 用于指定资源路径。 src或者href属性上简单使用{{}}绑定时无法很好运行,出现404错误因为图片加载时可能模板还未被替换成真实路径。...src属性与href属性尽量使用ng-src与ng-href避免400错误。...练习:购物车 1、双向绑定集合的数据 2、执行移除事件 3、隔行换色、使用angularJS完成 4、点击数量与小计时进行排序(选做) ?

    12.6K30

    ng6HTTP拦截器里,异步请求数据,之后再返回拦截器继续执行用户请求的方法研究

    这样用户连续使用系统时,一旦登录时间到30分钟,token就失效了,回到登录页面,体验很不好。...那么如何监测用户是“连续活动”的时候,且当前token超时后,系统能自动获取新token,并且之后请求中使用该新token呢?...简化一下表述:如何在拦截里,判断token失效了能自动请求新token,并且把新token赋予当前的拦截请求中去。...我翻了ng的HttpClient文档,没找到同步的参数,像jquery.ajax 传入 {async:false} 这种。如果ng中有同步请求的方法,我认为它是可行的。...不过我也趁此机会,探索一下拦截器的异步请求问题,在其它时候没准用的着吧

    1.9K20

    前端MVC学习总结(二)——AngularJS验证、过滤器、指令

    获得错误的详细参数可以示例中看到。 示例代码: <!...语法格式如下: {{ express | filter:parameter1:p2:p3… | … | …}} 过滤器分了内置过滤器与自定义过滤器,过滤器的调用方式也分了模板调用与函数调用。...2.1.2、脚本调用过滤函数 函数调用过滤器的方法是:控制添加对$filter的依赖,$filter("过滤函数名称")(被过滤对象,'参数') 示例代码: <!...一个常见错误模板上再次使用ng-controller定义一个控制器。这将引起控制器被附加和执行两次。...偶数时应用 ng-class-odd与ng-class类似,ng-repeat奇数时应用 <p ng-repeat="a in animals" ng-class-odd="'odd'" ng-class-even

    15.4K60

    AngularJS:如何使用自定义指令来取代ng-repeat

    对于处理小数量,ng-repeat是非常有用的,但是如果需要处理非常大的数量集,还是采用自定义的方法更好一些。 也别是数据大多都是静态的或已预存储好的,这个时候应避免使用ng-repeat指令。...ng-repeat的表达式和 $watch Angular的表达式都会创建$watch 的Scope 函数。用于监听模型变化,当你的模型部分发生变化时它会通知你。...ng-repeat指令,如果某行数据有15列数据都绑定了表达式,如果数据有1000多行的话,那么$watch就将近15000个,这性能简直难以想象。...替换ng-repeat的方法 如果内容是静态的,我们不需要两种方式的绑定,只需要执行一次赋值语句{{::value}}就可以。如果anguluarJS是1.3以下的旧版本,是不支持的一次性绑定语法的。...//$elem.append(tableRow); }); } } }); 总结 本文中,主要模拟了ng-repeat的工作方式和逻辑,但只限于静态内容

    2.5K70

    Angularjs基础(十二)

    ng-model-options       描述:规定如何更新模型             实例: 失去焦点时绑定输入框的值scope 变量。                 ...ng-repeat         描述:定义集合每项数据的模板         实例:循环输出多个标题:           <body ng-app="myApp" ng-controller...实例:表单提交后执行函数:                            <form ng-submit...}               })                    定义和用法: ng-submit 指令用于表单提交后执行指定函数。         ...语法:         参数值: 值: expression 描述: 表单提交后函数被调用,或者一个表达式将被执行,表达式返回函数调用

    3K100

    AngularJS系列之select下拉选择第一个选项为空白的解决办法

    相信大家也经常遇到这种情况吧:使用AngularJS的select组件开发的时候,莫名其妙的第一个选项就变成空白了,而且选中其中非空白的地方,第一个选项的空白位置又奇妙的消失了。...今天就举几个例子给大家介绍一下种种情况的处理办法,下面首先给出一个具体例子介绍一下: 第一种办法就是select的下面加上一个默认option,不过有一点必须特别注意,就是option的value值必须设置为“”(也就是空字符串),否则上面第一个选项还是会留空白出来... 从例子中就可以看出,其实就是value添加自己想要的值信息,然后再控制器中进行传初始值。...="myApp" ng-controller="myCtrl"> 选择网站: <option ng-repeat="x

    3.1K70

    angularjs中常用的ng指令介绍【转载】

    也可以标记中使用表达式,如{{1+2}},或者与过滤器一起使用{{1+2 | currency}}。框架内部,字符串不会简单的使用eval()来执行,而是有一个专门的$parse服务来处理。...ng表达式不可以使用循环语句、判断语句,事实上模板中使用复杂的表达式也是一个不推荐的做法,这样视图与逻辑就混杂在一起了。...与ng-class相近的,ng还提供了ng-class-odd、ng-class-even两个指令,用来配合ng-repeat分别在奇数列和偶数列使用对应的类。...假如我们模板中有一张图片如下: 那么页面开始加载到ng编译完成之前,页面上会一直显示一张错误的图片,因为路径{{imgUrl}}还未被替换,就像这样:...同理,标签的href属性也需要换成ng-href,这样页面上就不会先出现一个地址错误的链接。

    1.9K30
    领券