输入值未填充在表单对象中

Question

我创建了一个包含表单的指令。

<form class="form-horizontal" name="GroupForm" ng-submit="addNew(GroupForm)" novalidate>
    <div class="form-group">
        <label class="col-md-3 col-xs-12 control-label">Name</label>
        <div class="col-md-9 col-xs-12">
            <input type="text" class="form-control" name="name" placeholder="Name" required>
        </div>
    </div>
    <div class="form-group">
        <div class="col-md-12">
            <button type="submit" class="btn btn-info btn-block">
            <i class="fa fa-btn fa-sign-in"></i>Create
            </button>
        </div>
    </div>
</form>

现在该指令是一个元素。

{
            restrict: 'E',
            replace: 'true',

            templateUrl: '/views/app/group/addGroup.tpl.html',
            controller: function($scope) {

                $scope.addNew = function(formObj) {
                    console.log(formObj)
                }
            }
};

此表单以模态显示。常规的bootstrap模式。不是bootstrap angular ui modal。

当我提交表单时，我没有得到输入的值。虽然我得到了一个表单对象。表单应该创建一个具有表单名称的本地对象，即myForm，我应该能够使用点运算符访问输入值，即myForm.name

控制台中记录的对象是这样的。

我不明白为什么它不起作用。

更新

该指令使用ngInclude显示在div中。