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

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

Answer 2

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

如何更新ng-model值

2 个答案: