أرجو المساعدة.. سؤال في AngularJS عن هيكلية تطبيق

الحل المشكلة مع ng-repeat غير صحيح

المشكلة هنا مشكلة هيكلة التطبيق.

اول شئ ساقوم به هو كتابة factory او service لتزويد التطبيق بمعلومات عن الصور/ة

حتى لو كانت المعلومات محلية ليست من سيرفر

بعدها router او states

مثلا التطبيق تطبيق خلفيات // الكود غير كامل

$stateProvider
.state('Backgrounds', {
  url: "/backgrounds",
  templateUrl: "backgrounds.html",
  controller: 'BackgroundsCtrl'
});
.state('Background', {
  url: "/backgrounds/:id",
  templateUrl: "background.html",
  controller: 'BackgroundCtrl'
});



<script id="backgrounds.html" type="text/ng-template">
    <ion-view view-title="Backgrounds">
        <ion-content>
            <div ng-repeat="backgroud in backgrounds"> 
                <h3> backgroud.title </h3>
                <img ng-src="backgroud.url"/>
            </div>
        </ion-content>
    </ion-view>
</script>


controller('BackgroundsCtrl', [$scope, 'backgroundsFactory',function($scope,backgroundsFactory) {
    $scope.backgrounds = backgroundsFactory.getBackrounds();
}]);

طبعا controller يتواصل مع factory أو service بعدها يغير template حسب المعلومات.

هذه اسهل طريقة :)