angularjs - Angular js按需更新绑定数据不会更新模板

Question

所以我正在尝试使用 html5、cordova、angularjs 和 jQuery 构建我的第一个移动应用程序。我能够毫无问题地创建我的控制器和模板。我绑定到模板的数据来自一个 json 格式的 .net 服务。在我的第一个版本中，我在页面加载的同时加载了数据。在第二个版本中，我尝试设置用户驱动的数据。由于某种原因，我不明白我的数据从未应用于模板。

请参阅此jsFiddle，概述哪些工作/不工作，以及模板

这是我正在测试的js代码：

function DemoOnLoad($scope, $http) {
    $scope.workouts = [
        {Type:"Tempo", Details: [{Label:"Distance", Value:"5.1 Miles"}, {Label:"Pace", Value:"6.3 MPH"}]},
            {Type:"Long Run", "Details": [{Label:"Distance", Value:"13.1 Miles"}, {Label:"Pace", Value:"5.3 MPH"}]}
        ];
}

function DemoDynamic($scope, $http) {
    $scope.update = function () {
        $scope.workouts = [
            {Type:"Tempo", Details: [{Label:"Distance", Value:"5.1 Miles"}]},
             {"Type":"Long Run", "Details": [{Label:"Distance", Value:"13.1 Miles"}]}
        ];
    };
}

Answer 1

您的更新是一种方法，您将其称为变量。你应该在你的声明中使用 update() 而不是更新。