javascript - 如何更新 ng-model 值

Question

    <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();
}

Answer 1

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

Answer 2

像这样的东西会起作用（这是一个 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);
    }
});