Как NG-Показать конкретный элемент внутри элемента списка по NG-клик? - PullRequest
Новая
       15

Как NG-Показать конкретный элемент внутри элемента списка по NG-клик?

0 голосов
/ 08 июня 2019

как показать элемент iframe внутри li при нажатии ng, только для определенного, который щелкнул?
И скрыть все элементы iframe, используя AngularJs. 

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>
<script>
    var app = angular.module("myApp", []);
    app.controller("myCtrl", function ($scope, $http, $sce) {
        var indx;
        $scope.PlayFun = function (order) {
            indx = order;
            // I need this fuction because I do a lot of things inside
        };


    });
</script>

<div data-ng-app="myApp" data-ng-controller="myCtrl">
    <ul style="list-style-type: none">
        <li data-ng-click="PlayFun($index)" data-ng-repeat="x in records">
            <div data-ng-if="indx === $index">
                <iframe id="video" style="width: 100%; height: 300px;" 
                        data-ng-src="{{videoSource}}" allowfullscreen>
                </iframe>
            </div>
        </li>
    </ul>
</div>

all Iнужно другими словами:
Мне нужно, щелкнув li, чтобы PlayFun запустился.и по $ index отображается iframe.

1 Ответ

0 голосов
/ 08 июня 2019

Вместо присвоения значения переменной indx необходимо создать свойство в $scope следующим образом 

   $scope.PlayFun = function (order) {
       $scope.indx = order;
   };

Мы можем получить доступ к свойствам и методам $ scope внаш HTML.

...