javascript - 以angularjs形式定义默认值，验证不起作用

Question

我迷失了如何在我的表单中定义默认值:http://1ffa3ba638.url-de-test.ws/zombieReport/partials/popup.html

验证也行不通...

/*********************************** SubmitCtrl ***********************************/
app.controller('SubmitCtrl', ['$scope', '$http', '$timeout', function($scope, $http, $timeout) {

    /* data pre-define : date & url for test */
    $scope.myForm = {};
    $scope.myForm.date = new Date();
    $scope.myForm.url = "prout";

    /* ng-show things */
    $scope.successMailZR = false;
    $scope.errorMailZR = false;

    $scope.send = function() {
        if ($scope.myForm.$valid) {
            alert('ok');
        }
    };

}]);

定义默认值的正确方法是什么？

---

编辑:

对于 url 我是这样做的:

<input type="text" class="form-control" name="url" placeholder="{{myForm.url}}" value="{{myForm.url}}" ng-model="myForm.url" readonly="readonly" />

它不工作

Answer 1

绑定(bind)模型之间存在冲突 $scope.myForm和表格名称 <form name="myForm" .

Angular 会将表单的 Controller 分配给 $scope作为它的名字，即 $scope.myForm并覆盖您已初始化的内容。

更改您的表单名称或绑定(bind)变量以具有不同的名称。