javascript - 如何更新模型？

Question

我正在使用 jQuery自动完成插件。

当用户单击建议时，它会更新分配给插件的文本框。鉴于文本框分配了一个 ng-model 指令，我如何获得角度来运行 $parsers 以便我可以验证新值？

（插件引发了一个 onSelect 事件）

Answer 1

我需要在指令中使用我的代码，并且需要在对 $apply 的调用中更新 $viewModel：

app.directive('autoComplete', ['storeService', function(storeService) {

    return {
        require: '^ngModel',
        link: function($scope, $element, $attrs, $model) {

            var options = {
                serviceUrl: '/api/stores',
                onSelect: function (suggestion) {
                    $scope.$apply(function () {
                        $model.$setViewValue(suggestion);
                    });
                }
            };

            $element.autocomplete(options);

        }
    };

}]);

Answer 2

您将需要查看 Angular 的自定义验证功能。开发人员指南的表单部分中有示例。