在Edit + angularjs上未选中Icheck单选按钮

时间:2016-12-15 10:53:37

标签: angularjs radio-button icheck

我在angularjs中有单选按钮。我正在使用 ICheck 指令来设置复选框和单选按钮的样式。编辑特定行时未选中单选按钮。 这是Icheck指令:

    adminApp.directive('icheck', ['$timeout', '$parse', function ($timeout, $parse) {
     return {
      link: function($scope, element, $attrs) {
        return $timeout(function() {
          var ngModelGetter, value;
          ngModelGetter = $parse($attrs['ngModel']);
          value = $parse($attrs['ngValue'])($scope);
          return $(element).iCheck({
            checkboxClass: 'icheckbox_minimal',
            radioClass: 'iradio_minimal-blue',
            checkboxClass: 'icheckbox_minimal-blue',
            increaseArea: '20%'
          }).on('ifChanged', function(event) {
            if ($(element).attr('type') === 'checkbox' && $attrs['ngModel']) {
              $scope.$apply(function() {
                return ngModelGetter.assign($scope, event.target.checked);
              });
            }
            if ($(element).attr('type') === 'radio' && $attrs['ngModel']) {
              return $scope.$apply(function() {
                return ngModelGetter.assign($scope, value);
              });
            }
          });
        });
      }
    };
}])

单选按钮的html代码是

<label class="radio-inline"><input type="radio" name="blogColumnType"  icheck ng-model="blog.createBlog.BlogColumnTypeId" ng-value="1">&nbsp;&nbsp;Single Column</label>
<label class="radio-inline"><input type="radio" name="blogColumnType" icheck ng-model="blog.createBlog.BlogColumnTypeId" ng-value="2">&nbsp;&nbsp;Double column</label>&nbsp;&nbsp;

blog.createBlog.BlogColumnTypeId是我的范围变量。

请帮我解决这个问题。提前谢谢。

0 个答案:

没有答案