Question

点击复选框运行此代码会按预期为true返回false或{{isHidden}}。但是当代码第一次运行时，{{isHidden}}似乎是空白的。如何解决这个问题？

<!DOCTYPE html>
<html data-ng-app>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
Hidden: <input type="checkbox" ng-model="isHidden">{{isHidden}}
<script type="text/javascript" src="js/angular.js"></script>
</body>
</html>

Answer 1

使用ng-init指令

<input type="checkbox" ng-model="isHidden" ng-init="isHidden= true">{{isHidden}}

在ng-init中使用true或false它将初始化范围

上的值

这是工作plunker

复选框的初始状态？

1 个答案: