AngularJS & Ionic: Zwei Objekte in einem Bereich?

Ich bin neu in Angular/Ionic und habe eine kurze Frage. Ist es möglich, zwei Objekte in einem Bereich zu platzieren? Gefällt mir:AngularJS & Ionic: Zwei Objekte in einem Bereich?

$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', 
      } 
     ]}, 
     ];

Wenn ja: Wie bekomme ich die Daten von "Karten"? Falls nein: Gibt es eine andere Möglichkeit, einen Bereich mit einem Objekt von einem anderen zu "verbinden"?

Hoffe, du kannst mir helfen! Vielen Dank.

Quelle

2016-12-21 Cédric Dourin

Ich sehe nur ein großes Objekt auf dem Umfang. Sie können jedoch zwei verschiedene Objekte im selben Bereich haben. –

@ CédricDourin Sie können jedes gewünschte json-Objekt in eine Scope-Variable einfügen. Innerhalb eines JSON-Objekts können Sie andere JSON-Objekte verschachteln. Was Sie in '$ scope.Lorem' haben, ist ein ** Array **. – Hosar

Sie können Karten mit $ scope.Lorem.cards [x]. * Erhalten. Dabei steht x für den Index des Objekts, auf das Sie zugreifen möchten, und * für den Schlüssel, auf den Sie zugreifen möchten.

Quelle

2016-12-21 22:02:39 aconnelly

der Hoffnung, dass die unter Ihrer Anforderung ist

<!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="[email protected]" 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>

Quelle

2016-12-22 06:01:17

Eine Million Dank !!!!! Das hat funktioniert! –

willkommen ........ –

Sie es wie normale Objekt zugreifen können

$scope.Lorem[0].cards[0].title_cards in js und Lorem[0].cards[0].title_cards in html.

Quelle

2016-12-22 06:04:39

AngularJS & Ionic: Zwei Objekte in einem Bereich?

Antwort

Verwandte Themen