javascript - Angularjs 数据绑定与数据属性对象

Question

我有一些 json 附加到页面上的数据属性。json数据用于在angularjs中建表。我正在使用咖啡脚本和haml。

    app = angular.module("myApp", [])

    app.controller "TableCtrl", ($scope) ->
      $scope.table =  $("#mydata").data("myjson")


    #table{"ng-app"=>"myApp","ng-controller" =>"TableCtrl"}
      %table
        %tbody
          %tr{"ng-repeat"=>"(i,item) in table" }}"}
            %td {{item.name}}

该页面将数据加载到表中。在页面的其他地方，用户可以使用 jquery 更改数据属性上的 json。如何在 json 数据和表之间进行 2 路绑定？即我希望表在数据属性上的json在本地更改时更改。

Answer 1

您需要告诉 AngularJS 观察$("#mydata").data("myjson")任何变化，然后$scope.table在发生变化时更新。尝试将以下代码添加到您的控制器（对不起，我不知道 coffeescript）。

$scope.$watch(
    function () { return $("#mydata").data("myjson");}, 
    function(newJson) {
        $scope.table = newJson;
    },
    true
);