javascript - 如果输入未与 ng-model 绑定(bind)，如何访问或设置 Controller 中的输入字段？

Question

我有一些由后端渲染的 html 代码。

html 代码:

<form  name="mk" ng-submit="submit()">
    First name:<br>
    <input type="text" name="firstname" value="Mickey">
    <br>
    Last name:<br>
    <input type="text" name="lastname" value="Mouse">
    <br><br>
    <input type="submit" value="Submit">
</form>

我必须获取或设置firstname和lastname字段。在 Controller 中怎么可能？我不想使用 javascript 或 jquery。请建议在 Angular js 中如何实现。

Answer 1

实现此目的的一种方法是，如果您在范围内有名称:

JS:

$scope.name = {};
$scope.name.firstName = "Mickey";
$scope.name.lastName = "Mouse";

HTML:

<form  name="mk" ng-submit="submit()">
    First name:<br>
    <input type="text" name="firstname" value="{{name.firstName}}">
    <br>
    Last name:<br>
    <input type="text" name="lastname" value="{{name.lastName}}">
    <br><br>
    <input type="submit" value="Submit">
</form>

示例:

http://plnkr.co/edit/CsVsbYPU8hExLfGQ4NGW?p=preview