Question

我正在通过Adam Freeman的Pro AngularJS工作，并且无法使用“使用复选框”示例。

该示例试图表明您可以设置属性ng-true-value =＆＃34; Hurray！＆＃34;和ng-false-value =＆＃34; Boo！＆＃34;并通过ng-model =＆＃34; inputValue＆＃34;。

显示

这不起作用。

我只能通过在ng-true-value和ng-false-value中设置整数值来使这个样本工作。

＆＃13;

<!DOCTYPE html>
<html ng-app="exampleApp">
<head>
    <title>Forms</title>
    <script src="angular.js"></script>
    <link href="bootstrap.css" rel="stylesheet" />
    <link href="bootstrap-theme.css" rel="stylesheet" />
    <script>
angular.module("exampleApp", [])
.controller("defaultCtrl", function ($scope) {});
    </script>
</head>
<body>
    <div id="todoPanel" class="panel" ng-controller="defaultCtrl">
        <form name="myForm" novalidate>
            <div class="well">
                <div class="checkbox">
                    <label>
                        <input name="sample" type="checkbox" ng-model="inputValue"
                               ng-true-value="Hurrah!" ng-false-value="Boo!">
                        This is a checkbox
                    </label>
                </div>
            </div>
            <div class="well">
                <p>Model Value: {{inputValue}}</p>
            </div>
        </form>
    </div>
</body>
</html>

＆＃13;

Answer 1

根据input[checkbox]的文档，ng-true-value和ng-false-value接受表达式。由于您尝试将字符串文字作为值传递，因此需要将它们括在一对引号中。

尝试ng-true-value="'Hurrah!'" ng-false-value="'Boo!'"

Pro AngularJS第12章|使用表单|使用复选框

1 个答案: