首页 \ 问答 \ 更改* ngfor中的事件功能以获取复选框(change event function in *ngfor for checkbox)

更改* ngfor中的事件功能以获取复选框(change event function in *ngfor for checkbox)

我正在研究使用Angular 2的项目。

在这种情况下,我必须从数组中创建一个复选框,所以我这样做:

<span *ngFor="let key of keysArray; let i = index;" >
    <input type="checkbox" checked  [value]="key"> {{key}}
  </span>

现在我想要为每个复选框更改/点击事件,所以我添加(更改)事件,如下所示:

<span *ngFor="let key of keysArray; let i = index;" >
    <input type="checkbox" checked (change)="checkChange($event.checked)"  [value]="key"> {{key}}
  </span>

组件中的功能:

checkChange(event){
      alert(event)
    }

但是,当我运行代码时,它显示错误:

self.parentView.context.checkChange is not a function

I am working on the project that use Angular 2.

In on of the situation is I have to create a checkbox from the array, So I do as follows:

<span *ngFor="let key of keysArray; let i = index;" >
    <input type="checkbox" checked  [value]="key"> {{key}}
  </span>

Now I want change/click event for every checkbox, So I do added (change) event like follow:

<span *ngFor="let key of keysArray; let i = index;" >
    <input type="checkbox" checked (change)="checkChange($event.checked)"  [value]="key"> {{key}}
  </span>

Function in component:

checkChange(event){
      alert(event)
    }

But when I run the code it showing error:

self.parentView.context.checkChange is not a function

原文:https://stackoverflow.com/questions/42909993
更新时间:2023-06-06 14:06

最满意答案

不需要循环,使用whereIn()

if(!is_array($option)){
   $option = [$option];
}
$query->whereIn('name', $option)->get();

No need for loop, use whereIn()

if(!is_array($option)){
   $option = [$option];
}
$query->whereIn('name', $option)->get();

相关问答

更多
  • 我已经使用Raphael建议的谓词构建器,它只是包含在项目中的一个文件,那么您的示例将变为: var keywords=new List(){ "Test1","Test2" }; var predicate = PredicateBuilder.False(); foreach (var key in keywords) { predicate = predicate.Or (a => a.Text.Contains (key)); } v ...
  • 我为我正在处理的一个项目做了同样的事情,查询是在运行时根据用户在UI中进行的选择完全创建的。 我通过使用System.Linq.Expressions名称空间中的类,使用表达式树构建LINQ查询。 它功能强大,但学习曲线陡峭。 您可以使用LINQPad编写查询,然后转储表达式以查看下面的树状结构,以便您了解如何自行构建查询。 例如,在LINQPad中运行以下代码将生成表达式树的转储。 var query = from p in Puzzles select p; query.Expression.Dump ...
  • 你的问题在这里: STREX:='OPEN P_RETURN FOR SELECT AM.APPLICATIONNAME, AM.PROJECTNO, AM.VSS_FOLDER_LOC FROM APPLICATION_MASTER AM INNER JOIN APPLICATION_DETAILS AD ON AM.APP_MST_ID = AD.APP_MST_ID' || str ||';'; DBMS_OUTPUT.PUT_LINE('STREX '|| STREX); 该代码只是将 ...
  • 关于数据库性能:通常 - 是的,动态查询会影响性能。 在引擎盖下,SQL Server引擎创建查询执行计划,即使对于动态查询也是如此。 在这种情况下,您必须尝试评估性能。 此外,您可以分析执行计划并可能改进它。 我可以看到你对T-SQL很不错,但我觉得你使用了错误的工具。 当然,SQL Server可以应对这种类型的任务,但我的建议是:让客户端处理排序,同时使用SQL Server作为主要角色 - 获取数据。 想一想:一旦你在内存中拥有了你的数据集,那么进行内存中排序比向服务器发送新请求要快得多。 对? 当 ...
  • 因此,动态构建您的查询: $foo = '... list of pieces ...'; $parts = explode(' ', $foo); $likes = array(); foreach($parts as $part) { $likes[] = "piece LIKE '%$part%'"; } $sql = "SELECT ... WHERE " . implode(' or ', $likes); 但请注意,这很容易受到SQL注入攻击 。 So build your quer ...
  • 首先,构建一个包含当前日期的字符串: $backupName = $("Backup-{0}" -f [DateTime]::Now.ToString("yyyy-MM-dd")) 然后调用RedGate并使用日期字符串作为参数: ./RedGate.SQLAzureBackupCommandLine.exe /as: AzureServerNAME /ad: AzureDatabaseName /au:AzureUserName /ap:AzurePassword /cc /s /ls:. /ld:$b ...
  • Spring 允许您使用@Repository ,但不强制您这样做。 Spring甚至提供了一个很好的JPA接口,它将低级别的关注点(数据源定义和事务管理)与高级别的关注点(DAO,具有声明性事务)区分开来。 有关JPA的Spring Framework Reference Manual中有一章 。 您还应该阅读前面章节中有关事务管理的部分。 Spring allows you to use @Repository, but does not force you to do so. Spring even ...
  • 不需要循环,使用whereIn() if(!is_array($option)){ $option = [$option]; } $query->whereIn('name', $option)->get(); No need for loop, use whereIn() if(!is_array($option)){ $option = [$option]; } $query->whereIn('name', $option)->get();
  • var query = ctx.Books; if ( param1 != null ) query = query.Where( b => b.Param1 == param1 ); if ( another2 > 0 ) query = query.Where( b => b.Amount > another ); 等等 如您所见,子句是根据任意外部条件动态组合的,最终可以让您完全控制查询结构。 请注意,EF仍将其作为单个数据库查询执行。 var query = ctx.Books; ...
  • 您可以使用此免费工具来帮助构建CAML查询 http://www.u2u.be/res/tools/camlquerybuilder.aspx 对您的查询做一些变化,您将看到结构如何变化。 基本上你必须建立一个XML文档而不是使用字符串连接(虽然它也可以工作,但在XML解析器中构建它可能更简单) You can use this free tool to help build your CAML queries http://www.u2u.be/res/tools/camlquerybuilder.asp ...

相关文章

更多

最新问答

更多
  • 您如何使用git diff文件,并将其应用于同一存储库的副本的本地分支?(How do you take a git diff file, and apply it to a local branch that is a copy of the same repository?)
  • 将长浮点值剪切为2个小数点并复制到字符数组(Cut Long Float Value to 2 decimal points and copy to Character Array)
  • OctoberCMS侧边栏不呈现(OctoberCMS Sidebar not rendering)
  • 页面加载后对象是否有资格进行垃圾回收?(Are objects eligible for garbage collection after the page loads?)
  • codeigniter中的语言不能按预期工作(language in codeigniter doesn' t work as expected)
  • 在计算机拍照在哪里进入
  • 使用cin.get()从c ++中的输入流中丢弃不需要的字符(Using cin.get() to discard unwanted characters from the input stream in c++)
  • No for循环将在for循环中运行。(No for loop will run inside for loop. Testing for primes)
  • 单页应用程序:页面重新加载(Single Page Application: page reload)
  • 在循环中选择具有相似模式的列名称(Selecting Column Name With Similar Pattern in a Loop)
  • System.StackOverflow错误(System.StackOverflow error)
  • KnockoutJS未在嵌套模板上应用beforeRemove和afterAdd(KnockoutJS not applying beforeRemove and afterAdd on nested templates)
  • 散列包括方法和/或嵌套属性(Hash include methods and/or nested attributes)
  • android - 如何避免使用Samsung RFS文件系统延迟/冻结?(android - how to avoid lag/freezes with Samsung RFS filesystem?)
  • TensorFlow:基于索引列表创建新张量(TensorFlow: Create a new tensor based on list of indices)
  • 企业安全培训的各项内容
  • 错误:RPC失败;(error: RPC failed; curl transfer closed with outstanding read data remaining)
  • C#类名中允许哪些字符?(What characters are allowed in C# class name?)
  • NumPy:将int64值存储在np.array中并使用dtype float64并将其转换回整数是否安全?(NumPy: Is it safe to store an int64 value in an np.array with dtype float64 and later convert it back to integer?)
  • 注销后如何隐藏导航portlet?(How to hide navigation portlet after logout?)
  • 将多个行和可变行移动到列(moving multiple and variable rows to columns)
  • 提交表单时忽略基础href,而不使用Javascript(ignore base href when submitting form, without using Javascript)
  • 对setOnInfoWindowClickListener的意图(Intent on setOnInfoWindowClickListener)
  • Angular $资源不会改变方法(Angular $resource doesn't change method)
  • 在Angular 5中不是一个函数(is not a function in Angular 5)
  • 如何配置Composite C1以将.m和桌面作为同一站点提供服务(How to configure Composite C1 to serve .m and desktop as the same site)
  • 不适用:悬停在悬停时:在元素之前[复制](Don't apply :hover when hovering on :before element [duplicate])
  • 常见的python rpc和cli接口(Common python rpc and cli interface)
  • Mysql DB单个字段匹配多个其他字段(Mysql DB single field matching to multiple other fields)
  • 产品页面上的Magento Up出售对齐问题(Magento Up sell alignment issue on the products page)