且构网

分享程序员开发的那些事...
且构网 - 分享程序员编程开发的那些事

AngularJS双向数据绑定在指令中无法正常工作

更新时间:2023-02-16 17:18:27

您必须将非原始对象传递给模型,以获取两战绑定的参考.只需将selected包装到一个对象中以供参考.

You have to pass a non-primitive object to the model to get its reference for two-war binding. Just wrap selected into an object for its reference.

在您的控制器中使用.

$scope.list = [{
    id: 1,
    name: 'Name 1'
  }, {
    id: 2,
    name: 'Name 2'
  }, {
    id: 3,
    name: 'Name 3'
  }];
  $scope.ctrlModel = {
    selected: -1
  }

'html/typeList.html'

<div ng-repeat="type in types" >
  <input type="radio" id={{type.id}} ng-model="result.selected" ng-value="type.id" >
     {{type.name}}
</div>
Result {{result.selected}}

工作小提琴演示

希望有帮助.