ng-checked在angularjs中不起作用

时间:2014-08-08 05:36:50

标签: javascript html angularjs pug

ng-checked我面临一个奇怪的问题。我在我的编辑表单中应用它来显示所选的选项值,但它不起作用。以下是我的代码和屏幕截图 -

我的控制器代码 -

  if( true == $scope.employee.active ) {
    $scope.is_active_yes = true;
    $scope.is_active_no = false;
  }
  else {
    $scope.is_active_yes = false;
    $scope.is_active_no = true;
  }
});

我的Jade模板中的代码 -

.row
  .control-label.col-md-3 Is Active:
  .col-md-6
    input(type="radio", name="active", ng-model="employee.active", value="yes" ng-checked="{{is_active_yes}}")
    | Yes
    input(type="radio", name="active", ng-model="employee.active", value="no" ng-checked="{{is_active_no}}")
    | No

虽然我的ng-checked表格中有值,但它不适用于标记。让我知道我在这里做错了什么?

仅供参考 - 控制台和数据没有错误,您可以在屏幕截图中查看。

ng-checked

2 个答案:

答案 0 :(得分:2)

ngChecked指令适用于expressions,而不适用于插值。所以不要在{{ }}中包装你的表达式:

ng-checked="is_active_yes"

答案 1 :(得分:1)

ng-checked是角度属性。因此,它不需要{{}}来插入您传递的范围变量的值。因此,您可以直接在属性中使用变量名称

ng-checked="is_active_yes"