对不起,如果标题很神秘,我正在尝试复制这个例子:http ://plnkr.co/edit/NBDgqKOy2qVMQeykQqTY?p=preview它工作正常,但如果我通过 ajax 加载数据它不起作用。原来的控制器是:
app.controller('MainCtrl', function($scope) {
$scope.links = [
{
text: 'Menu Item 1',
url: '#',
},{
text: 'Menu Item 2',
url: '#',
submenu: [
{
text: 'Sub-menu Item 3',
url: '#',
},{
text: 'Sub-menu Item 4',
url: '#',
submenu: [
{
text: 'Sub-sub-menu Item 5',
url: '#',
},{
text: 'Sub-sub-menu Item 6',
url: '#',
}
]
}
]
},{
text: 'Menu Item 3',
url: '#',
}
];
});
而我的是:
app.controller('SiteTreeCtrl', function ($scope, $http) {
$http.post('/ajaxsite/tree', { section: "website" }).success(function (data) {
$scope.folders = data.links;
});
});
问题是 html 模板在数据之前加载,当数据准备好时,绑定已经应用。
工作示例(无 ajax): http ://plnkr.co/edit/NBDgqKOy2qVMQeykQqTY?p=preview
不工作的例子(ajax): http ://plnkr.co/edit/lF5VkRT67IybRQm5yTuB?p=preview
最好的方法是什么?