Использование вложенных данных JSON в Angular - PullRequest
Новая
       17

Использование вложенных данных JSON в Angular

0 голосов
/ 25 марта 2019

Очень плохо знаком с угловатыми и просто экспериментирует.

Я пытаюсь использовать вложенные данные JSON. Ниже приведен пример. Значения не выводятся в html, хотя они были до того, как я создал его как объект JSON. Чего мне не хватает? 

var app = angular.module('ops', []);

app.controller('access', function($scope) {

    $scope.links = [
    {
      logon: 'Logon',
      setup: 'Create account'
    }
  ];
});


<body ng-app="access">
    <section ng-controller="access">

        <div class="flex align-c justify-c links txt body lgt spac1" data-trans="ade">
            <a href="">{{links.logon}}</a>
            <a href="">{{links.setup}}</a>
       </div>

</section>
</body>

1 Ответ

1 голос
/ 25 марта 2019

Если вы хотите получить доступ к первому объекту, обратитесь к нему по индексу, 

 <div class="flex align-c justify-c links txt body lgt spac1" data-trans="ade">
            <a href="">{{links[0].logon}}</a>
            <a href="">{{links[0].setup}}</a>
 </div>

если у вас более 1 элемента, используйте ng-repeat. 

var app = angular.module('ops', [])

app.controller('access', function($scope) {
    $scope.links = [
    {
      logon: 'Logon',
      setup: 'Create account'
    }
  ];
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.7.5/angular.min.js"></script>
<body ng-app="ops">
    <section ng-controller="access">
        <div class="flex align-c justify-c links txt body lgt spac1"
             ng-repeat="data in links" data-trans="ade">
            <a href="">{{data.logon}}</a>
            <a href="">{{data.setup}}</a>
       </div>

</section>
</body>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...