加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 服务器 > 安全 > 正文

数据绑定 – 动态生成的单选按钮的模型更新

发布时间:2020-12-17 09:40:54 所属栏目:安全 来源:网络整理
导读:请有人帮我解决这个小小的约束.我正在尝试生成一个任务列表 这是我的TaskController中的模型定义: angular.module('yeomantestApp') .controller 'TaskController',($scope) - $scope.currentTask $scope.tasks = [ { id: 1 name: 'write test' elapsedTime
请有人帮我解决这个小小的约束.我正在尝试生成一个任务列表

这是我的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
        }
    ]

所以,现在我想用以下视图渲染模型.视图迭代任务数组并为每个任务构建单选按钮列表.
我的问题是,绑定到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/

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读