AngularJS：为什么我不能直接打印模型变量（而不是使用 $modelValue 属性）？

Question

在我看来，我有这个表格：

<form name="form1">
    <input name="msg" id="msg" ng-model="form_data.msg">
</form>

在我的控制器中，我通过

获取输入内容

var message= $scope.form1.msg;

但是，当我插入一些文本（例如“test_abc”）并尝试打印输入内容（在控制器内）时，我得到一个对象而不是实际值。其实

console.log(messageToSend);

给出这个输出

[DEBUG] 消息 >>: [object Object] controllers.js:646 Object {$viewValue: "test_abc", $modelValue: "test_abc", $$rawModelValue: "test_abc", $validators: Object, $asyncValidators: Object…}

当然，我可以只获取 $modelValue，但我注意到（有时）我可以使用模型值（仅通过使用 $scope.modelVarName）而不是打印它。 对不起，如果这很模糊，但我现在找不到具体的例子。

但是，总结一下，我需要了解：有没有办法（除了使用 .$modelValue 属性）来检索（在控制器中）定义的模型变量（在视图中的表单中） ?

Answer 1

<input name=msg ng-model="form_data.msg"> 使用此标记，输入的值将在控制器范围的form_data.msg 属性中更新。 [form_data 是一个对象]。

Angular 将更新控制器作用域form1.msg 中输入字段的验证相关信息。这里form1 是表单的名称，msg 是消息的名称。 这不是实际模型。你的实际型号是form_data.msg。 form1.msg 将包含验证相关信息。

如果要打印模型，请使用 form_data.msg 而不是 form1.msg

Answer 2

我在 jsfiddle 中使用了你的代码，它工作正常，稍作改动，我只是定义应用程序并使用

{{form1.msg}}

打印值。

这是 jsfiddle：

http://jsfiddle.net/diegounanue/5bbkmk3m/