用jQuery Val更新$ scope

Question

我目前正在开发jQuery应用，并尝试将其逐渐更改为angularJS。 我不想更改所有现有的jQuery代码。 jQuery代码进行ajax调用，并根据ajax结果更新变量。 我在角度范围中需要此结果。 我试图创建一个隐藏的输入，或不显示任何输入，并使用jQuery $（'＃accountId'）。val（value）更新它：

<input type="text" ng-model="account.accountId" style="display:none" id="accountId" name="accountId">

但是我的$ scope变量$ scope.account.accountId没有得到更新。

我也尝试了ng-value，jquery触发器输入，...

谢谢

Answer 1

正如其他人所说，这并不理想。 但是，只要保持代码模块化，它也不应该成为太大的问题。 尝试创建服务来管理jQuery ajax请求，然后将该服务作为依赖项注入到控制器内部。

一个简单的示例可能如下所示：

angular.module('app', [])

  // jQuery managed ajax service
  .service('AccountSvc', function() {
    var BASE_URL = '/accounts';

    this.getAccount = function(id) {

      // I'm assuming this returns a promise
      // haven't worked with jQuery for a while
      return $.get(BASE_URL + '/' + id);
    };

  })

  .controller('AccountsCtrl', function($scope, AccountSvc) {

    AccountSvc.get(123).then(function(account) {
      $scope.account = account;
    });

  });