语义UI单选按钮字段不适用于Angular JS

时间:2015-05-04 17:56:22

标签: angularjs radio-button semantic-ui

当我尝试将角度js与语义ui集成时,我遇到了一个问题(数据绑定不起作用),特别是如果我使用像下面的代码那样的单选按钮字段:

html

<input type="date"/>

和控制器

   <div ng-controller="MyCtrl">
        <div class="ui form">
            <div class="field">
                <div class="ui radio checkbox">
                   <input type="radio" ng-model="value" value="foo" ng-change="newValue(value)">
                </div>
            </div>
            <div class="field">
                <div class="ui radio checkbox">
                   <input type="radio"  ng-model="value" value="boo" ng-change="newValue(value)">
                </div>
            </div>    
         </div>
          {{value}}
    </div>

2 个答案:

答案 0 :(得分:0)

我认为你错过了一个控制器:

myApp.controller('MyCtrl', function() {});

然后你应该将所有逻辑放在其中,否则我不确定数据回收是否有效而不使用$apply来收集它。

答案 1 :(得分:0)

您需要一个指令来使用单选按钮进行数据绑定, 这可能很有用SemanticUI-Angular-checkbox