gpt4 book ai didi

data-binding - 动态生成单选按钮的模型更新

转载 作者:行者123 更新时间:2023-12-04 13:41:36 26 4
gpt4 key购买 nike

请有人可以帮我解决这个小小的绑定(bind)困惑。我正在尝试生成任务列表

这是我的 TaskController 中的模型定义:

angular.module('yeomantestApp')
.controller 'TaskController', ($scope) ->
$scope.currentTask
$scope.tasks = [
{
id: 1
name: 'write test'
elapsedTime: 15
},
{
id: 2
name: 'run test'
elapsedTime: 32
},
{
id: 3
name: 'write code'
elapsedTime: 22
}
]

所以,现在我想用下面的 View 来渲染模型。该 View 遍历任务数组并为每个任务构建一个单选按钮列表。
我的问题是,绑定(bind)到 currentTask 的模型无法正常工作。当我选择任何任务时, currentTask 模型条目不会更新。但根据教程和文档,它应该。

<div class="hero-unit" ng-controller="TaskController">
<h1>Tasks</h1>
<h2>current {{currentTask}}</h2>
<form name="taskForm">
<div ng-repeat="task in tasks">
<input type="radio" name="taskGroup" ng-model="currentTask" value="{{task.id}}">{{task.name}} {{task.elapsedTime}}
</div>
</form>
</div>

最佳答案

更改 ng-model归属于 ng-model="$parent.currentTask"应该可以解决您的问题。

这是 jsFiddle:http://jsfiddle.net/dp3xq/8/

关于data-binding - 动态生成单选按钮的模型更新,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13199141/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com