如何在 Aurelia 中设置复选框绑定

2023-12-21

我有一个复选框列表,当用户选中其中一个复选框时,会在 .js 文件中调用一个函数,然后调用一个方法 dataservice.js 来调用 webapi 控制器,这一切都工作正常并返回正确的数据。

当该过程完成时,会发生的情况是触发序列的复选框未被选中。我检查了结果,该项目的 schoolDistrict.IsChecked 设置为 true,这是正确的。

如何让复选框被选中?

下面是代码,但我不确定 check.one-way 绑定

<li repeat.for="schoolDistrict of schools.Districts">                                     
  <input type="checkbox" checked.one-way="schoolDistrict.IsChecked" value="${schoolDistrict.Value}" click.trigger="searchSchoolDistrict()"/>${schoolDistrict.Name}
</li>

任何帮助将非常感激。


这里有几个问题:

  • 问题可能是你的searchSchoolDistrict()代码正在改变IsChecked财产,但one-way绑定不监听更改。
  • 虽然插值可以工作,但使用绑定语法可能是更好的风格。
  • 设置一个change.delegate更加健壮,并且会监听复选框上的所有更改,这是复选框的最佳实践。
  • 已弃用确保选择正确的范围searchSchoolDistrict(),因为它可能生活在$parent并不是schoolDistrict.

尝试使用这个代替:

<li repeat.for="schoolDistrict of schools.Districts">                                     
  <input type="checkbox" 
    checked.bind="schoolDistrict.IsChecked" 
    value.one-way="schoolDistrict.Value"
    change.delegate="searchSchoolDistrict()"/>
  ${schoolDistrict.Name}
</li>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何在 Aurelia 中设置复选框绑定 的相关文章

  • 自定义元素的绑定上下文 - 它到底是什么,如何访问父虚拟机

    我在文档中找不到答案 所以我在这里提问 传递给的绑定上下文到底是什么bind自定义元素的方法 它简单地等于路由器当前活动的 ViewModel 至少 这是我到目前为止所发现的 为什么它不是元素的父级 就 DOM 而言 VM 用这个代码 cu
  • Aurelia CLI & TypeScript & MomentJS

    我没有让 Aurelia CLI 和 TypeScript 和 MomentJS 一起工作 我已经看到了 Aurelia 和 Moment 问题的解决方案 但他们不使用 Aurelia CLI 这就是我现在正在做的事情 使用 Aurelia
  • 自定义 Aurelia 以使用 .cshtml

    我发现一篇非常有用的文章 展示了如何将 Razor 部分 cshtml 与 aurelia 一起使用 但是 我无法运行代码 并从 RobEisenberg 评论中得知 ConventionalViewStrategy convertModu
  • Aurelia show.bind 是否有回调或承诺?

    在我的模板中 我想将一个 div 用作各种工具提示 当我选择模型时 会显示工具提示 然后我使用系绳将其放置在正确的位置 如果我在设置使元素显示的模型后立即设置 Tether 则它的大小无法正确计算 并且 Tether 不会正确限制约束 如果
  • 奥里利亚的全球职能

    我试图弄清楚如何在 Aurelia 中存储类似 全局 的函数 我已经按照这个教程 http blog durandal io 2015 04 24 aurelia custom elements and content selectors
  • 如何通过 Aurelia / Typescript 导入和使用 PhotoSwipe?

    我正在尝试使用照片滑动 http photoswipe com 在 Aurelia 项目中 但找不到使其工作的方法 在捆绑包下的 aurelio json 中 我有 name photoswipe path node modules pho
  • 在 Aurelia 中,槽可以用于重复绑定吗?

    我想创建一个循环遍历数组并将其应用于数组中的每个项目的自定义元素 例如 自定义元素的视图模板将包含类似以下内容的内容 div div div div
  • Aurelia Repeat.for 在模型更改时不会刷新

    我想使用 Aurelia 构建一个简单的自定义组件 允许用户输入一个或多个字符串 当有多个项目时 应显示列表remove列表中每个项目的按钮 我的问题是列表的第一项没有显示remove当列表中有多个项目时按钮 这就是它的样子 https i
  • 使用 Webpack 在 Aurelia 中添加模块依赖项

    我刚刚开始使用Aurelia Webpack 骨架 https github com aurelia skeleton navigation tree master skeleton es2016 webpack并尝试简单地添加一个新的依赖
  • 将属性从视图模型绑定到 Aurelia 中的自定义元素

    UPDATE 其他人报告说这个样本对他们来说效果很好 听起来好像我做错了什么 但我不再有代码 所以我无法检查问题出在哪里 原问题 我有以下自定义元素以及以下视图模型和视图 import bindable from aurelia frame
  • 如何使用ViewCompiler手动编译部分DOM?

    假设我有一个简单的视图模型 小部件 js import Behavior from aurelia framework export class Widget static metadata return Behavior customEl
  • Aurelia 有虚拟元素吗?

    Knockout JS有虚拟元素的概念 这些是 无头 元素 您可以将其绑定到没有 HTML 元素作为容器的元素 这允许您在不发出外部 HTML 的容器中绑定数组 例如 在 Knockout JS 中 您可以执行以下操作 li li 一系列l
  • 如何将(调试与发布)参数传递到 Asp.Net MVC 中的 Aurelia 应用程序

    您将如何将 调试 与 发布 参数传递给 Aurelia 应用程序 就我而言 我在 MVC 应用程序中安装了 Aurelia 我想根据我的 web config 值为 Aurelia 配置一些参数 URL 等 有没有办法我可以这样做 Wher
  • Aurelia CLI 包括 Bootstrap Glyphicons

    我正在尝试将 Bootstrap 包含在我的 Aurelia CLI 项目中 并且 CSS 和 JS 工作正常 我遇到的唯一问题是字形需要加载字体文件 我使用这个配置 dependencies name bootstrap path nod
  • 部署 aurelia.cli 构建的应用程序

    我已经构建了一个没有后端的简单 aurelia 网页 现在我有兴趣投入生产 我使用 Aurelia cli 进行捆绑 希望这会很简单 但我不确定如何继续 我应该将哪些文件上传到服务器才能使网站正常运行 谢谢您的帮助 简而言之 au buil
  • gulp 命令给出找不到模块的错误

    我正在尝试在 Windows 上设置基本的 aurelia 应用程序 我已遵循以下指示 http aurelia io get started html http aurelia io get started html 包括 安装节点js
  • 到 ref 属性的绑定何时在 Aurelia 中生效?

    这是这个问题的后续 访问 Aurelia 中的 DOM 元素 https stackoverflow com questions 29863044 access a dom element in aurelia 屏幕激活生命周期中是否有一个
  • 解决 VS 2017 中的“节点定义冲突”TS4090 错误

    我有一个可以构建并运行的 TypeScript 项目 但我有大量构建错误 这些错误似乎都源于一个错误 TS4090 TS 在 C projectpath node modules types node index d ts 和 C Micr
  • 在 Aurelia 中,我可以绑定包含视图模型中的函数以供自定义元素调用吗?

    我有一个自定义元素 它将接受用户输入 并且在单击 保存 按钮时 我想将信息传递给父视图模型 以便我可以将其发送到服务器并移至下一部分 例如 我将简化这一点 my element js import customElement bindabl
  • Aurelia 中的角度服务?

    我还没有找到详细说明如何从 Angular 1 x 迁移到 Aurelia 的详细文档 到目前为止 我只看到人们详细介绍了 Angular 的概念directive可以在 Aurelia 中使用重制 customElement 好吧 足够简

随机推荐

  • 如何在不损失质量的情况下放大微小的文本图像?

    文本图像非常小 大小为 17px x 10px MacOS下可以完美放大 let width scale image size width kScale let height scale image size height kScale s
  • 尝试获取数据来创建菜单,getStaticProps 返回未定义

    我正在使用 Next js 13 和 Strapi 我想做一个Menu组件使用getStaticProps 我创建并添加了一个Layout组件中的 app js And a Menu里面的组件Layout 我测试了里面的代码getStati
  • 如何找到检测到的霍夫线的角度?

    我的目标是使用开放CV 检测骨折的骨头 我尝试了以下代码 并获得了正确的精明检测边缘 还找到了粗糙线 但现在我的工作是检测图像中的断裂点 我不明白如何进一步进行 在一些博客中 我发现我们可以确定粗糙线的角度来检测该线是否是直的 但不知道如何
  • 如何从 Twitter Bootstrap 中删除未使用的样式?

    我的引导样式表大小约为 120kb 但我只使用了 25 的样式表代码 我不想要那个 span 类 我通过在引导程序中自定义它来尝试它自定义页面 http twitter github com bootstrap customize html
  • 使用Dataadapter更新时出现DBConcurrency异常

    我正在尝试编辑DataTable填充者NpgsqlDataAdapter 打电话后Fill 方法 我只有一行DataTable 然后我只更改了一列的值并尝试更新如下 然后我收到这个错误 发生 DBConcurrencyException 我
  • 使用实体框架时为 Select() 创建通用选择器

    我想创建一个函数来检索给定属性名称的类型的列表 但我还不知道如何创建一个有效的 lambda 选择器 public IList GetDistinctListOfProperty string propertyName var propIn
  • 如何渲染祖先树视图的嵌套 ul 列表

    我想使用 content tag 渲染如下所示的结构 其中集合是祖先对象 ul li a Fruits a ul li a Apple a li li a Orange a li ul li li a Colours a li ul 我相信
  • 带有 Spring 的 JDBC 缓慢元数据获取 Oracle

    我正在使用春天JdbcUtils extractDatabaseMetaData 方法来分析数据库 该函数调用回调并移交DatabaseMetaData目的 该对象提供了getColumns String catalog String sc
  • server.xml 中的环境/系统变量

    如何在 tomcat server xml context xml 等配置文件中使用环境 系统变量 我尝试使用 ENV VAR NAME 环境变量和系统变量 env ENV VAR NAME 对于环境变量 似乎什么都不起作用 它是如何在我的
  • 通过代码使用锚预设定位 UI 元素

    当我们在 Unity 中定位 UI 元素时 我们会通过锚点预设来修复位置 以便将其位置正确放置在画布上 我们选择顶部 中间 底部 拉伸和蓝色点 如果我在 C 代码中创建 UI 元素 我该如何做同样的事情 I make Texture2D t
  • 将基于“sh 1.11”的代码移植到 Windows

    所有迹象似乎都表明我的脚本可以在 Linux 环境中完全运行 据我所知 唯一阻止它在 Windows 中运行的是我使用sh https pypi python org pypi sh 这非常简单 from sh import convert
  • Swift:AnyObject 转换为 Float 失败

    let json left 18 deadline May 10 progress 0 6 as String AnyObject let ss json progress as Float let sss json progress as
  • 访问子类父类中重写的类变量

    如何访问我希望子类替换的类变量 这就是我想要实现的目标 class Foo var Foo staticmethod def print var print Foo var class Bar Foo var Bar gt gt Bar p
  • Neo4django 关系属性

    因此 我尝试使用 Django 在 Neo4j 中建模小型用户组关系 我目前正在使用 Neo4django python 包here https github com scholrly neo4django 现在 我有代表我的用户的节点 代
  • Runspace 忽略自定义 PSHostUserInterface

    的背景 我正在编写一个以编程方式执行 PowerShell 脚本的应用程序 该应用程序有一个自定义PSHost实现允许脚本输出日志记录语句 目前 我看到的行为是some请求已正确转发给我的自定义PSHost而其他人则完全被忽视 当我开始检查
  • 路由错误 - 没有新的路由与 [POST] 匹配

    我遇到了路由错误 并且找不到问题出在哪里 我正在创建一个简单的 CRUD 并通过 create 方法遇到此问题 Error 没有路由匹配 POST usuarios new 控制器 def new usuario Usuarios new
  • Javascript 在一定时间后关闭弹出窗口

    嗨 首先我不懂 JavaScript 因此 我的主页上有一个弹出窗口 其中包含对客户的圣诞祝福 我希望弹出窗口在 20 秒后关闭 我从互联网上获得了以下代码 弹出窗口可以正常打开 但我需要以下方面的帮助 我在哪里输入弹出窗口的时间限制和 我
  • CRONTAB 语法错误

    这是我的 CRONTAB 文件 Ubuntu 10 10 57 1 2 6 ET date date yesterday Y m d echo ET 甚至语法颜色也表明有问题 并且有这个错误 Subject Cron
  • VS Code 有没有办法缩进到左括号?

    我希望修改 VS Code 的缩进行为 这样如果我在输入如下行后按 Enter 键 variable function param1 它将缩进到左括号的水平 以便我可以轻松地格式化代码 如下所示 variable function para
  • 如何在 Aurelia 中设置复选框绑定

    我有一个复选框列表 当用户选中其中一个复选框时 会在 js 文件中调用一个函数 然后调用一个方法 dataservice js 来调用 webapi 控制器 这一切都工作正常并返回正确的数据 当该过程完成时 会发生的情况是触发序列的复选框未