Почему мои угловые (css) модули обрабатывают нулевые значения моих функций? - PullRequest
0 голосов
/ 06 июня 2019

У меня есть feed.html файл, который реализует AngularJS. У меня есть более конкретный пост здесь , который более подробно объясняет проблему, с которой я столкнулся, но я думаю, что может быть слишком много кода, и это, очевидно, отпугивает людей. Я думаю, что моя проблема может быть более простой, что-то, что я не вижу ясно, что не нужно включать слишком много кода. Тем не менее, не стесняйтесь проверить сообщение.

В любом случае, мой feed.html вызывает несколько функций, используя ng-click: resultClicked() и resultPicked(). Они оба принимают параметр result, определенный в моем файле feed.html. Но по какой-то причине параметр result всегда равен нулю (даже когда передается паре других функций) , за исключением , когда я передаю его в resultClicked. Я действительно понятия не имею, почему .. что-то, что я явно делаю неправильно?

<ion-view>
    <ion-header-bar class="bar bar-positive" align-title="center">
        <div class="buttons">
            <button class="button ion-navicon-round button-light" ng-click="toggleLeftMenu(); " style="font-size: 22px"></button>
        </div>
        <h1 class="title" ng-show="wishlist==false">New York Attractions</h1>
        <h1 class="title" ng-show="wishlist==true">
            <span ng-show="feed.user.name == 'Your'">Your</span>
            <span ng-show="feed.user.name != 'Your'">{{feed.user.name}}'s</span>
            Wish List
        </h1>
        <div class="buttons" ng-show="displayShare()">
            <button class="button ion-android-share button-light" style="font-size: 22px" ng-click="sharePage();"></button>
        </div>
    </ion-header-bar>
    <ion-content class="padding feed-page" delegate-handle="feedScroll">
        <ion-list>
            <!-- display results in columns -->
            <div class="row">
                <div class="col" ng-class="columnClasses()" ng-repeat="column in columns()" >
                    <div class="card" ng-repeat="result in getColumn(feed.results, column)" ng-show="feed.results.length > 0">
                        <div class="item item-image">
                            <a>
                                <img ng-src="{{thumb(result.src)}}" ui-sref="attraction({attraction_id: result.id})" ng-click="resultClicked(result)">
                            </a>
                        </div>
                        <div class="item item-bottom-sect">
                            <div class="row">
                                <div class="col-75 col-wrap">
                                    <a ui-sref="attraction({attraction_id: result.id})" ng-click="resultClicked(result)" class="item-title">{{result.title}}</a>
                                </div>
                                <div class="col-25 right col-wrap">
                                    <span ng-click="resultPicked(result)">
                                        <span class="ion-heart heart heart-selected" ng-show="attractionIsPicked(result.id)" class="heart-selected"></span>
                                        <span class="ion-heart heart" ng-show="!attractionIsPicked(result.id)"></span>
                                    </span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </ion-list>
        <ion-infinite-scroll
            ng-if="!resultsLoaded"
            on-infinite="loadResults()" 
            distance="10%">
        </ion-infinite-scroll>
    </ion-content>
</ion-view>

Вот пастбина ссылка для удобства просмотра.

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