角“checked"收音机在预设模式
angular "checked" radio on preset model
我有这个bootstrap/angular模板代码,用于设置图像的对齐方式:
<div ng-repeat="a in attributes">
<div class="btn-group" data-toggle="buttons">
<label class="btn btn-white" ng-click="align(a, 0)">
<input type="radio" name="{{a.id}}" ng-checked="{checked : (a.numericValue === 0)}">
Left
</label>
<label class="btn btn-white" ng-click="align(a, 1)">
<input type="radio" name="{{a.id}}" ng-checked="{checked : (a.numericValue === 1)}">
Center
</label>
<label class="btn btn-white" ng-click="align(a, 2)">
<input type="radio" name="{{a.id}}" ng-checked="{checked : (a.numericValue === 2)}">
Right
</label>
</div>
<div class="clip text-{{align(a)}}">
<img alt="#" ng-src="a.image">
</div>
</div>
单击结果按钮,正确地更新了模型,然后该方法返回正确的css类。
当按钮呈现时,状态由bootstrap处理,一切正常。我不能做的是在按钮上设置初始检查状态。
我也尝试使用表达式,但不工作:
{{(a.numericValue == 0) && 'checked' || ''}}
或者:
checked="{{(a.numericValue == 0) && 'checked' || ''}}"
如何设置初始值?
谢谢你,大卫。
我认为你没有正确使用angularJS + radio。查看angularjs doc
你的单选按钮应该是这样的
<input type="radio" ng-model="a.numericValue" value="0"> Left
....
<input type="radio" ng-model="a.numericValue" value="1"> Center
....
<input type="radio" ng-model="a.numericValue" value="2"> Right
因此,要初始化已检查状态,只需将a.numericValur设置为控制器
中所需的初始值a.numericValue = 0;
相关文章:
- Javascript,访问一个主要对象模块模式中的每个对象
- 是否有任何snippet或jQuery插件可以列出easylist.txt模式匹配的DOM中的所有元素
- 试图在引导模式内动态生成图表,得到offsetWidth错误
- 同位素库错误:未捕获错误无布局模式包装生产线8
- 在DOM中查找一个模式并替换它's的内容使用jquery
- 如何缩短MongoDB ObjectId并在Mongoose模式中使用它
- D3.js模式不适用于弧形或圆环图
- Webdriver.io pageObject模式-通过传递参数来定义元素选择器
- 模块模式和这个
- 带有let的JS/EECMAScript6私有字段的模式
- 我是否可以检测到javascript正在被卸载(作为调试模式)
- 执行动态模式弹出
- 注意:wp_enqueue_script调用不正确.在 Wordpress 调试模式下
- AngularJS ui路由器html5模式中断路由
- 包含圆括号的JavaScript Regex模式
- 显示模块模式在Knockout中设置模型的新实例
- Node.js使用Series函数(模式?)实现流控制时出现意外结果
- 使用模式格式化Number类型输入中的值
- Markdown模式代码镜像正在创建
- 角“checked"收音机在预设模式