Angularjs   发布时间:2022-04-20  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了数据绑定 – 动态生成的单选按钮的模型更新大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
请有人帮我解决这个小小的约束.我正在尝试生成一个任务列表

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

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

这是jsfiddlehttp://jsfiddle.net/dp3xq/8/

大佬总结

以上是大佬教程为你收集整理的数据绑定 – 动态生成的单选按钮的模型更新全部内容,希望文章能够帮你解决数据绑定 – 动态生成的单选按钮的模型更新所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。