如何將值從Jquery傳遞到角度Js？

Question

我正在努力將Jquery的值傳遞給angular js。 但是我在angular js中發現了undefined。 我的代碼：

HTML :
<button onclick="change('5')"></button>
<input type="hidden" ng-model="data" id="one" />

<button ng-click="test(data)">Test</button>

JQuery:
function change(data)
{
  $("#one").val(data).change();
}

Angular Js :

$scope.test= function(data)
{
   console.log(data)
}

但是我不確定。 我怎樣才能做到這一點 ？

Answer 1

您可以肯定地做到這一點*，但是您可能不應該這樣做，因為jQuery和Angular的這種混合將很快變得難以維護。 這不是一個很好的設計。

相反，使用角度指令和方法，在您的情況下很簡單：

<button ng-click="change('5')"></button>
<input type="hidden" ng-model="data" id="one" />

<button ng-click="test(data)">Test</button>

並在Angular控制器中：

$scope.change = function(x) {
    $scope.data = x;
};

---

^{*如果您確實想要它：您需要讓Angular知道您已經在摘要周期之外使用手動$("#one").val(data).change(); angular.element($("#one")).scope().$apply();更改了模型$("#one").val(data).change(); angular.element($("#one")).scope().$apply(); $("#one").val(data).change(); angular.element($("#one")).scope().$apply(); 。}