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（）而不是更新。

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

1 个答案: