我正在学习Angular,我想知道我接近某事的方式是否合适(也许直到建立一个更坚实的基础)。
我正在从自定义指令的序列和树创建DOM,每个指令都添加自己的内容。该应用程序最初加载JSON。
在JSON中有对图像URI的引用。由于JSON加载是异步的,指令html模板已经添加到DOM而没有引用图像,因为在JSON提供引用之前它不知道要加载什么。
在加载了几个JSON文件之后,我播放了一个来自$ rootScope的事件,该事件由监听子范围拾取。
angular.module('applicationDemo').directive("imageContainer", ['ModelFactory', 'Constants', function(modelFactory, constants) {
return {
restrict: "E",
template: "<img ng-src='images/{{theImage}}' width='300'>",
controller: function($scope) {
$scope.$on( constants.events.ALL_JSON_LOADED, function() {
$scope.theImage = modelFactory.getPageDataByType('pageStructure').imageId;
})
},
controllerAs: "imageCtrl"
}
}]);
所以要咨询社区:
提前感谢您的异步建议: - )