Javascript Ng Repeat内的Ng模型(非绑定到基元类型问题)
**编辑:很抱歉,我的第一个示例不能代表我所拥有的代码 经过数小时的研究和测试,我终于求助于此 问题是:我无法从ng repeat的子范围内更新控制器范围上的模型。我不是在重复原语,因为这似乎是这个问题的常见原因,更进一步,在尝试复制repl中的问题时,我正在做的似乎是有效的。。。任何帮助都将不胜感激 我目前正在使用Angular 1.2.16 第一:一个工作示例 第二:破译的代码Javascript Ng Repeat内的Ng模型(非绑定到基元类型问题),javascript,angularjs,ng-repeat,angular-ngmodel,Javascript,Angularjs,Ng Repeat,Angular Ngmodel,**编辑:很抱歉,我的第一个示例不能代表我所拥有的代码 经过数小时的研究和测试,我终于求助于此 问题是:我无法从ng repeat的子范围内更新控制器范围上的模型。我不是在重复原语,因为这似乎是这个问题的常见原因,更进一步,在尝试复制repl中的问题时,我正在做的似乎是有效的。。。任何帮助都将不胜感激 我目前正在使用Angular 1.2.16 第一:一个工作示例 第二:破译的代码 'use strict'; angular.module('myApp') .controller('myCont
'use strict';
angular.module('myApp')
.controller('myController', [ '$scope', function ($scope) {
$scope.object = {
description: '',
config: {
game_type: ''
}
};
$scope.data = {
'game_types': [
{'key': 'meow', 'val': 2},
{'key': 'meow1', 'val': 3},
{'key': 'meow2', 'val': 4}
]
};
}]);
HTML//这个snippit包装在一个ng应用程序中,只是不包括在内
<div ng-controller="myController">
<div class="row">
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
<h4>Description</h4>
<input class="form-control" ng-model="object.description" placeholder="Enter a Description" type="text" />
</div>
</div>
<div class="row">
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
<h4>Contest Type</h4>
<hr>
<div class="row">
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
<div data-toggle="buttons">
<label ng-repeat="type in data.game_types" class="btn btn-block btn-primary">
<input ng-model="object.description" type="radio" name="game_type" ng-value="type.val">{{ type.key }}
</label>
</div>
</div>
</div>
</div>
</div>
</div>
描述
竞赛类型
{{type.key}}
我还尝试从ng repeat内部直接引用父范围(尽管我不认为我应该给出我的数据),但没有效果
我很困惑。从我所有的研究来看,这应该是完全好的。而作为联系,在实践中起作用
我只是发布了一个单独的问题,因为我正经历着一种奇怪的情况,而且因为以前的建议,主要是关于作用域如何工作和绑定到原语的,似乎不是问题所在
非常感谢您的帮助 更新 看起来你刚刚用错了单选按钮的绑定。您可能想绑定到
object.config.game\u type
,而不是绑定到object.description
:
<input ng-model="object.config.game_type" type="radio" ng-value="type.val">
...
要使其余元素正常工作,请将
ng controller
添加到周围的元素,例如body
Derp。引导事件从未切换输入,因此没有任何更改。>。对不起,这是我的错误,我的第一篇文章并不能代表我的代码。
<div class="row" ng-controller="myController">
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
<h4>Description</h4>
<input class="form-control" ng-model="object.description" placeholder="Enter a Description" type="text" />
</div>
</div>