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 函数无法触发

Angular 新手

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

Answer 1

这样的东西会起作用(和 here is a 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);
    }
});