所以我正在尝试使用 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"}]}
];
};
}