Angularjs范围数组

时间:2017-11-06 05:48:47

标签: javascript jquery angularjs

      $scope.Getallitem = function() {
          $scope.Store = [];
          $scope.Store[0] = {}
          $scope.Store[1] = {};
          $scope.Store[2] = {};
          $scope.Store[0].StoreName = "Test1";
          $scope.Store[1].StoreName = "Test2";
          $scope.Store[2].StoreName = "Test3";
        }

我想将此转换为此。

Getallitem();
function Getallitem() {
  $http.get('/Coupons/GetStore').success(function(data) {
    $scope.Store = data;
  });
}

这是我的数据库中的数据值。

  

$ scope.StoreName = [                       ' Flipkart&#39 ;,                       '亚马逊&#39 ;,                       ' Snapdeal&#39 ;,                       ' Jabong&#39 ;,                       ' Trendin&#39 ;,                       ' Lenskart&#39 ;,                       ' Zovi&#39 ;,                       ' BabyOye&#39 ;,                       ' ShopMore24&#39 ;,                       ' BasicsLife&#39 ;,                       ' PrettySecrets&#39 ;,                       '美国天鹅',                       ' ShopClues&#39 ;,                       ' FernsNPetals&#39 ;,                       ' Pepperfry&#39 ;,                       ' Koovs&#39 ;,                       ' FoodPanda&#39 ;,                       ' BookmyFlower&#39 ;,                       ' Printvenue&#39 ;,                       ' Amar Chitra Katha',                       '预订&#39 ;,                       ' TicketGoose&#39 ;,                       ' Myntra&#39 ;,                       ' FirstCry&#39 ;,                       ' Archies Online',                       '多米​​诺&#39 ;,                       ' Bewakoof&#39 ;,                       ' Healthkart&#39 ;,                       ' Zivame&#39 ;,                       '易趣&#39 ;,                       ' Paytm&#39 ;,                       ' Surat Diamond',                       '团购&#39 ;,                       ' indiatimes&#39 ;,                       ' Yatra Hotels',                       '托马斯库克酒店',                       ' FabFurnish&#39 ;,                       '维斯塔印刷公司&#39 ;,                       ' KFC&#39 ;,                       ' Mobikwik&#39 ;,                       ' JustEat&#39 ;,                       ' Candere&#39 ;,                       '尤里卡福布斯',                       ' Simplilearn&#39 ;,                       '托马斯库克航班',                       ' Nord51&#39 ;,                       ' ClickSense&#39 ;,                       '移动商店',                       ' MakeMyTripHotels&#39 ;,                       ' Expedia的&#39 ;,                       ' HomeShop18&#39 ;,                       ' StarCJ&#39 ;,                       ' Fashionara&#39 ;,                       ' BigFlix&#39 ;,                       ' IndiaCircus&#39 ;,                       ' Yepme&#39 ;,                       ' Infibeam&#39 ;,                       ' Purplle&#39 ;,                       '速卖通&#39 ;,                       ' HappilyUnmarried&#39 ;,                       ' BagItToday&#39 ;,                       '柯洛玛&#39 ;,                       ' Naaptol&#39 ;,                       ' ManiacStore&#39 ;,                       ' D2HShop&#39 ;,                       ' AskMeBazaar&#39 ;,                       ' Rediff的&#39 ;,                       '小米&#39 ;,                       ' Syberplace&#39 ;,                       ' makemytrip&#39 ;,                       ' nearbuy&#39 ;,                       ' GreenDust&#39 ;,                       ' Tatacliq&#39 ;,                       ' LeMall'];

1 个答案:

答案 0 :(得分:2)

JS代码如

        function newArrayCreation(data) {
            $scope.newArray = [];
            angular.forEach(data, function (v1) {
                var myObj = {StoreName: v1};
                $scope.newArray.push(myObj);
            });
            return $scope.newArray;
        }

        function Getallitem() {
            $http.get('/Coupons/GetStore').success(function (data) {
                $scope.Store = newArrayCreation(data);
            });
        }
        Getallitem();

HTML代码以显示商店名称

<span data-ng-repeat="optionAry in Store">
    <span class="badge" data-ng-bind="optionAry.StoreName"></span>
</span>

输出如下所示

enter image description here