如何更新 ng 模型值

How do I update the ng-model value

本文关键字：ng 模型 更新 何更新      更新时间：2023-09-26
    <form class="well form-search">
        <input type="text" id="reference" ng-model="reference" name="reference" class="input-large search-query">
        <button ng-click="getDetail(reference)" class="btn">Search</button>
    </form>

我有一个函数可以更新参考输入并使其聚焦，但是按钮上的 ng-click 函数无法触发

角度新手

function reffocus(ovalue) {
    $("#reference").val(ovalue);
    $("#reference").focus();
}

这样的东西会起作用（这是一个 plunker）：

*注意：如果您已经有ng-app和ng-controller设置，则无需在此处进行设置。

<form class="well form-search" ng-app="myApp" ng-controller="Ctrl">
        <input type="text" id="reference" ng-model="reference" name="reference" class="input-large search-query">
        <button ng-click="getDetail()" class="btn">Search</button>
    </form>

Javascript：

var myApp = angular.module('myApp', []);
myApp.controller('Ctrl', function($scope) {
    $scope.getDetail = function() {
        // $scope.reference will be initialized by ng-model
        console.log($scope.reference);
    }
});

请注意 Davin 在他的解决方案中没有使用 jQuery。 如果你是 angular 的新手，你需要暂时删除 jQuery。 这是一根拐杖，真的会减慢你的学习过程。 你可能会有点沮丧，但坚持下去。你可以用angular做很多jQuery的东西。 我知道它一开始真的帮助了我。 现在我只在适当的时候使用jQuery。

相关文章：