Question

我是Angular / Ionic的新手并且有一个简短的问题。是否可以将两个对象放在一个范围内？像这样：

$scope.Lorem = [
    { title: 'Ipsum', 
      text: 'Lorem ipsum dolor sit amet consetetur sadipscing elitr', 
      cards: [{
                title_cards: 'Title1',
                desc_cards: 'desc1',
            },
            {
                title_cards: 'Title2',
                desc_cards: 'desc3',
            }
        ]},
        ];

如果是：我如何从＆＃34;卡中获取数据＆＃34;？如果否：是否有任何其他可能性来连接＆＃34;一个范围与另一个对象？

希望你能帮助我！谢谢。

Answer 1

您可以使用$ scope.Lorem.cards [x]获取卡片。*其中x是您要访问的对象的索引，*是您要访问的密钥。

Answer 2

希望以下是您的要求

<!DOCTYPE html>
<html ng-app="plunker">

  <head>
    <meta charset="utf-8" />
    <title>AngularJS Plunker</title>
    <script>document.write('<base href="' + document.location + '" />');</script>
    <link rel="stylesheet" href="style.css" />
    <script data-require="angular.js@1.4.x" src="https://code.angularjs.org/1.4.12/angular.js" data-semver="1.4.9"></script>
    <script src="app.js"></script>
  </head>

  <body ng-controller="MainCtrl">
    <div>{{Lorem[0].title}}</div>
     <div>{{Lorem[0].text}}</div>
    <div ng-repeat="x in Lorem[0].cards">
    <p>{{x.title_cards}}</p>
    <p>{{x.desc_cards}}</p>
    </div>
  </body>
<script>
  var app = angular.module('plunker', []);

app.controller('MainCtrl', function($scope) {
  $scope.name = 'World';
  $scope.Lorem = [
    { title: 'Ipsum', 
      text: 'Lorem ipsum dolor sit amet consetetur sadipscing elitr', 
      cards: [{
                title_cards: 'Title1',
                desc_cards: 'desc1',
            },
            {
                title_cards: 'Title2',
                desc_cards: 'desc3',
            }
        ]},
        ];
        
});
</script>
</html>

Answer 3

您可以像普通对象一样访问它

js中的

$scope.Lorem[0].cards[0].title_cards和html中的Lorem[0].cards[0].title_cards。

AngularJS＆amp;离子：一个范围内的两个对象？

3 个答案: